html, body {
padding: 0;
}

#comorestel {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #333;
background-image: url('../images/bg.jpg');
background-repeat: repeat-x;
left: 50%;
margin: 10px 0 0 -410px;
position: absolute;
border: 10px solid #fff;
}

#comorestel img {
border: 0;
}

#comorestel p {
margin: 10px 0 0 0;
}

#comorestel table, td {
margin: 0;
padding: 0;
border-collapse: collapse;
}

.col-in {
margin: 0;
padding: 0;
}

.spacer {
clear: both;
height: 0;
border: none;
margin: 0;
padding: 0;
}

#top-home {
background-color: #f4f4f4;
width: 800px;
height: 60px;
border-bottom: 2px solid #ccc;
}

.logo-ct {
margin-top: 1.5em;
}

/*.top-liens {
width: 300px;
float: right;
font-size: 11px;
text-align: right;
padding-top: 35px;
}*/

#top-home a {
font-size: 11px;
color: #000;
text-decoration: none;
}

#content-ct {
background-color: #fff;
width: 800px;
margin: 0;
padding: 0;
}

#content-ct a {
text-decoration: none;
}

#content2-ct {
margin: 0;
padding: 0;
}

#art-ct {
background-color: #fff;
margin-top: 1em;
margin-left: 180px;
}

#art-ct table, td {
margin: 0;
padding: 0;
border-collapse: collapse;
}

#left-ct {
width: 160px;
float: left;
margin-top: 1em;
}

#home-ct {
margin-top: 1em;
margin-left: 180px;
}

#home-ct a, a:hover {
color: #fff;
}

#der-min-ct {
width: 800px;
height: 27px;
}

#der-min-ct td {
border-bottom: 1px solid #325898;
}

#der-min-ct a {
color: #009900;
text-decoration: none;
}

#promo-ct {
background-image: url('../images/home-internet.jpg');
background-repeat: no-repeat;
width: 372px;
height: 178px;
}

.mobile-home {
width: 180px;
height: 243px;
background-image: url('../images/home-mobile.jpg');
background-repeat: no-repeat;
vertical-align: top;
}

.mobile-home2 {
width: 190px;
background-image: url('../images/home-mobile2.jpg');
background-repeat: no-repeat;
}

.home-fixe {
width: 228px;
background-image: url('../images/home-fixe.jpg');
background-repeat: no-repeat;
vertical-align: top;
}

.promo-bas-home {
width: 615px;
}

#pub-home {
width: 620px;
height: 87px;
margin-top: 1em;
}

#search {
background-color: #f6f6f6;
width: 200px;
height: 178px;
color: #666;
float: right;
padding-left: 2em;
border: 1px solid #ccc;
}

/*#search form {
padding: 0;
margin: 0;
}

#search p {
margin: 0;
}*/

a:hover {
color: #0066ff;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.vertical-b {
vertical-align: bottom;
}

.gras {
font-weight: bold;
}

.bleu-ciel {
color: #36a6d4;
}

.vert-clair {
color: #46cf0f;
}

.blanc {
color: #fff;
}

.noir {
color: #000;
}

.rouge {
color: #ff0000;
}

.black-link {
color: #000;
text-decoration: none;
}

.float-left {
float: left;
}

.float-right {
float: right;
}

input {
border-width: 1px;
border-color: #333;
color: #000;
font-family: verdana, sans-serif;
font-size: 12px;
text-indent: 2px;
letter-spacing: 1px;
}

.gray-line {
background-color: #ccc;
width: 85%;
height: 2px;
}

#filariane {
font-size: 10px;
}

.titre-actus {
font-weight: bold;
font-size: 14px;
color: #36a6d4;
margin-left: 1em;
text-transform: uppercase;
text-decoration: underline;
}

.list-none {
list-style: none;
}

.img-nouveautes {
float: left;
margin: 1em 1em 0 1em;
}

.titre-nouveautes {
font-weight: bold;
font-size: 14px;
color: #ffa800;
margin-left: 1em;
text-transform: uppercase;
text-decoration: underline;
}

.titre-offres {
font-weight: bold;
font-size: 14px;
color: #76ca1d;
margin-left: 1em;
text-transform: uppercase;
text-decoration: underline;
}

.titre-job {
font-weight: bold;
font-size: 14px;
color: #d4366e;
margin-left: 1em;
text-transform: uppercase;
text-decoration: underline;
}

.titre-docs {
font-weight: bold;
margin-left: 1em;
text-decoration: underline;
}

.box-home-internet {
width: 140px;
/*height: 180px;*/
padding-top: 0.5em; 
margin-left: 230px;
}

.box-home-mobile {
width: 180px;
height: 230px; 
margin-left: 180px;
}

.titre-home-mobile {
padding-left: 1em;
}

.box-home-fixe {
width: 180px;
height: 230px; 
margin-left: 30px;
}

.box-home-ul {
color: #fff;
}

.box-home-ul li {
color: #fff;
}

.box-home-ul li a {
color: #fff;
}

.box-home-two {
background-color: #f4f4f4;
width: 300px;
border: 1px solid #ccc;
padding: 0.5em 0.5em 0.3em 0;
}

.box-home-two ul {
padding: 0;
margin: 0.5em;
}

.box-home-two li {
margin-left: 1.5em;
}

.box-home-two li a {
color: #000;
}

.box-home-pub {
background-image: url('../images/bg-pub-home.gif');
width: 300px;
border: 1px solid #fff;
}

.plus-de {
font-size: 11px;
color: #000;
font-weight: bold;
}

#bas-ct {
background-color: #fff;
width: 800px;
height: 30px;
font-size: 12px;
text-align: center;
padding-top: 0.3em;
border-top: 2px solid #ccc;
}

.arrondi {
font-weight: bold;
color: #003366;
text-align: center;
height: 21px;
background-image: url('../images/arrondi.gif');
background-repeat: no-repeat;
}

.bottom-left {
width: 150px;
margin-top: 1em;
}

.bottom-left a {
font-size: 11px;
color: #003366;
text-decoration: none;
}

.bottom-left a:hover {
color: #0066ff;
text-decoration: none;
}




/*NAV*/
ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
position: static;
left: 10px;
margin: 15px;
z-index: 100;
}

ul#menulist, ul#menulist ul {
list-style:none;
margin:0;
padding:0;
width:160px;
_width:148px;
background-color: #fff;
}

ul#menulist {
border-bottom: 1px solid #ccc;
}

ul#menulist ul {
position:absolute;
top:-1px;
left:160px;
}

ul#menulist li {
position:relative;
margin:0;
padding:0;
_display:inline;
}

ul#menulist a {
display:block;
width:100%;
text-decoration: none;
text-indent: 1em;
width: 160px;
padding: 5px 0;
}

ul#menulist li:hover, ul#menulist li a:hover {
background-color: #eee;
}

ul#menulist a {
color: #36a6d4;
text-decoration: none;
}

.ssmenu {
color: #666;
}

.ssmenu-nav li {
background-color: #f4f4f4;
color: #666;
font-weight: normal;
}

#anim-home {
z-index: 1;
}

/* End */

.breves li {
margin-bottom: 0.5em;
}


/* ARTICLES */

.top-art-mail-search {
width: 98%;
}

.top-art-mail-search td {
background-color: #f4f4f4;
padding-left: 1em;
vertical-align: top;
}


.titre-rub {
font-size: 18px;
font-weight: bold;
color: #36A6D4;
border-bottom: 2px solid #36a6d4;
}

.ico-art {
width: 20%;
text-align: right;
border-bottom: 2px solid #36a6d4;
}

.date-ct {
font-size: 11px;
color: #666;
}

/* RUBRIQUES */

#rub-ct {
background-color: #fff;
}

#rub-ct h3 {
font-size: 18px;
font-weight: bold;
color: #36A6D4;
border-bottom: 2px solid #36A6D4;
}

#rub-ct a {
color: #000;
text-decoration: none;
}

#rub-ct a:hover {
color: #0066ff;
}

.art-rub-ct {
font-weight: bold;
}