* { margin:0; padding:0;}
body { background:#031f2b; font-family:Tahoma; font-size:100%; line-height:1.100em; color:#ffffff; text-align:center;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}

p { margin-bottom:21px; padding-left:13px; padding-right:13px;}
a {color:#FFFFFF; text-decoration:none;}
a:hover { color:#FFBB00; text-decoration:none;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:208px; height:18px; background:#fff; color:#000; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8f8f8f;}
textarea { width:208px; height:153px; background:#fff; overflow:auto; color:#000; font-size:1em; font-family:tahoma; padding-left:3px; border:1px solid #8f8f8f; margin-bottom:18px;}


/*==================list====================*/
ul { list-style:none;}

.top_nav { float:right; padding:10px 45px 0 0;}
.top_nav li { display:inline;}
.top_nav li a { background:url(images/top_nav_divider.gif) no-repeat right 3px; padding:0 8px 0 4px; font-size:12px;  text-decoration:none;}
.top_nav li a:hover { color:#ffbb00; text-decoration:none; }

.top_nav li a.last { background:none;}

.list1 li a { background:url(images/marker.jpg) no-repeat left 0px; padding-left:21px; color:#677788; line-height:1.91em;}
.list1 li a:hover { color:#6e9ec9;}

/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}
.img_box { padding:0 0 27px 0;}
.img_box img { float:left; margin:0 21px 0 0;}

.p1 { margin-bottom:46px;}
.p2 { margin-bottom:15px;}
.p3 { margin-bottom:14px; padding-right:25px;}

blockquote p { margin-bottom:0;}

.cont_box { padding:0 60px 0 0; margin-bottom:0;}
.cont_box span { float:right;}

/*==================txt, links, lines, titles====================*/
a {color:#fff; text-decoration:none;}
a:hover { text-decoration:none;}

h1 { color:#FFFFFF; font-size:20px; font-weight:bold; line-height:1.1em; font-family:arial;padding-left:13px; margin-bottom:17px;}

h2 { color:#FFBB00; font-size:20px; font-weight:bold; line-height:1.1em; font-family:arial;padding-left:13px; margin-bottom:17px;}
h3 { color:#8ec5fc; font-size:1.2em; font-weight:none; margin-bottom:14px;}
h4 { color:#5d88b3; font-size:1em;}

.txt1 { color:#FFFFFF;}

.link1 { color:#000000; font-family:arial; text-transform:uppercase; font-style:none; font-size:1.1em; font-weight:bold;}
.link2 { text-decoration:none;}
.link2:hover { text-decoration:none;}

/*==================blocks====================*/

/*header*/
#header .row_1 { height:33px; background:url(images/header_bgd1.jpg) no-repeat left top; font-family:arial; font-size:1.1em;}
#header .row_1 .fleft { padding:14px 0 0 37px;}
#header .row_1 a { color:#ffffff;}
#header .row_1 a:hover { color:#FFBB00; text-decoration:none;}
#header .row_2 { height:164px; background:url(images/header_bgd2.jpg) no-repeat left top;}
#header .row_2 .inner { padding:36px 0 0 565px;}
#header .row_3 { height:69px; background:url(images/header_bgd3.jpg) no-repeat left bottom;}

/*content*/
#content { background:url(images/fond.jpg) center top;}
#content .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content .extra { padding:37px 0 36px 28px;}
#content .extra img { margin-right:11px;}
#content .article { padding:0 0 51px 36px;}
#content .indent { padding:0 30px 0 0;}
#content .indent p { margin-bottom:14px;}
#content .col_3 .inner { padding:47px 0 0 0;}
#content .col_1 .cont_box { padding:0;  }
#content .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }

/*contentwhois*/
#content2 { background:url(images/fond.jpg) center top;}
#content2 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content2 .extra { padding:37px 266px 36px 265px;}
#content2 .extra img { margin-right:11px;}
#content2 .article { padding:0 0 51px 36px;}
#content2 .indent { padding:0 30px 0 0;}
#content2 .indent p { margin-bottom:14px;}
#content2 .col_3 .inner { padding:47px 0 0 0;}
#content2 .col_1 .cont_box { padding:0;  }
#content2 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*contencommander*/
#content3 { background:url(images/fond.jpg) center top;}
#content3 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content3 .extra { padding:37px 286px 36px 285px;}
#content3 .extra img { margin-right:11px;}
#content3 .article { padding:0 0 51px 36px;}
#content3 .indent {  padding:0 30px 0 0;}
#content3 .indent p { margin-bottom:14px;}
#content3 .col_3 .inner { padding:47px 0 0 0;}
#content3 .col_1 .cont_box { padding:0;  }
#content3 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*contenreponse*/
#content4 { background:url(images/fond.jpg) center top;}
#content4 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content4 .extra { padding:37px 0 36px 285px;}
#content4 .extra img { margin-right:11px;}
#content4 .article { padding:0 0 51px 36px;}
#content4 .indent { padding:0 30px 0 0;}
#content4 .indent p { margin-bottom:14px;}
#content4 .col_3 .inner { padding:47px 0 0 0;}
#content4 .col_1 .cont_box { padding:0;  }


/*contentimp*/
#content5 { background:url(images/fond.jpg) center top;}
#content5 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content5 .extra { padding:37px 36px 36px 38px;}
#content5 .extra img { margin-right:11px;}
#content5 .article { padding:0 0 51px 36px;}
#content5 .indent { padding:0 30px 0 0;}
#content5 .indent p { margin-bottom:14px;}
#content5 .col_3 .inner { padding:47px 0 0 0;}
#content5 .col_1 .cont_box { padding:0;  }
#content5 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }

/*contentdomaine*/
#content6 { background:url(images/fond.jpg) center top;}
#content6 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content6 .extra { padding:37px 36px 36px 38px;}
#content6 .extra img { margin-right:11px;}
#content6 .article { padding:0 0 51px 36px;}
#content6 .indent { padding:0 30px 0 0;}
#content6 .indent p { margin-bottom:14px;}
#content6 .col_3 .inner { padding:47px 0 0 0;}
#content6 .col_1 .cont_box { padding:0;  }
#content6 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*contentquestion*/
#content8 { background:url(images/fond.jpg) center top;}
#content8 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content8 .extra { padding:37px 0 36px 28px;}
#content8 .extra img { margin-right:11px;}
#content8 .article { padding:0 0 51px 36px;}
#content8 .indent { padding:0 30px 0 0;}
#content8 .indent p {  margin-bottom:14px;}
#content8 .col_3 .inner { padding:47px 0 0 0;}
#content8 .col_1 .cont_box { padding:0;  }
#content8 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }

/*contentcontact*/
#content9 { background:url(images/fond.jpg) center top;}
#content9 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content9 .extra { padding:37px 0 36px 28px;}
#content9 .extra img { margin-right:11px;}
#content9 .article { padding:0 0 51px 36px;}
#content9 .indent { padding:0 30px 0 0;}
#content9 .indent p { margin-bottom:14px;}
#content9 .col_3 .inner { padding:47px 0 0 0;}
#content9 .col_1 .cont_box { padding:0;  }
#content9 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*contentsoumi*/
#content10 { background:url(images/fond.jpg) center top;}
#content10 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content10 .extra { padding:37px 0 36px 28px;}
#content10 .extra img { margin-right:11px;}
#content10 .article { padding:0 0 51px 36px;}
#content10 .indent { padding:0 30px 0 0;}
#content10 .indent p { margin-bottom:14px;}
#content10 .col_3 .inner { padding:47px 0 0 0;}
#content10 .col_1 .cont_box { padding:0;  }
#content10 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*contentplan*/
#content11 { background:url(images/fond.jpg) center top;}
#content11 .bgd {background:url(images/content_bgd_top.jpg) no-repeat left top; width:100%;}
#content11 .extra { padding:37px 0 36px 28px;}
#content11 .extra img { margin-right:11px;}
#content11 .article { padding:0 0 51px 36px;}
#content11 .indent { padding:0 30px 0 0;}
#content11 .indent p { margin-bottom:14px;}
#content11 .col_3 .inner { padding:47px 0 0 0;}
#content11 .col_1 .cont_box { padding:0;  }
#content11 .boite {background:url(images/mbg.gif) repeat;  border:3px solid #ffbb00; }


/*footer*/
#footer { background:url(images/footer_bgd.gif) left top repeat-x;}
#footer  { padding:12px 0 0 0;}
#footer a { color:#0072b1; text-decoration:none;}
#footer a:hover { text-decoration:none;}
#footer p { color:#000000;font-family:Tahoma; font-size:16px; font-weight:bold; text-align:center;}

/*==========================================*/


#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intŽrieure */
        margin : 0; /* ni extŽrieure */
        list-style : none; /* on supprime le style par dŽfaut de la liste */
        line-height : 21px; /* on dŽfinit une hauteur pour chaque ŽlŽment */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'ŽlŽment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intŽrieure */
        background : #ffba00; /* couleur de fond */        
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par dŽfaut des liens (la plupart du temps = soulignŽ) */
        width : 140px; /* largeur */
}
#menu li /* ƒlŽments des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconna”t pas "transparent" */
        border-right : none; /* on met une bordure blanche ˆ droite de chaque ŽlŽment */
}

/* IE ne reconnaissant pas le sŽlecteur ">" */
html>body #menu li
{
        border-right: 0px solid transparent ; /* on met une bordure transparente ˆ droite de chaque ŽlŽment */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 129px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* ElŽments de sous-listes */
{
        /* pour ie qui ne reconna”t pas "transparent" (comme prŽcŽdemment) */
        border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque ŽlŽment d'une sous-liste */
}

/* IE ne reconnaissant pas le sŽlecteur ">" */
html>body #menu li ul li                
{
        border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque ŽlŽment */
}

#menu li ul ul 
{
        margin    : -22px 0 0 110px ; /* On dŽcale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna”t pas "transparent" (comme prŽcŽdemment) */
        border-left     : 1px solid #fff ; /* Petite bordure ˆ gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sŽlecteur ">" ... je me rŽpte ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque ŽlŽment */
}
 
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #ffffff; /* On passe le texte en noir... */
        background: #113979; /* ... et au contraire, le fond en blanc */
}


}
if (window.attachEvent) window.attachEvent("onload", sfHover);

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ŽlŽment de liste */
{
        left: -999em; /* On expŽdie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ŽlŽment de liste ET sous-sous-lites lorsque la souris passe sur un ŽlŽment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


#logos 
{ 
        position: absolute; /* Position absolue */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}