/*-------------------------*/
/* style spécifique page */
/*-------------------------*/


/*-------------------------*/
/* layout global */
/*-------------------------*/
body {

}


#gauche {
width:230px;
float:left;
border-top:3px solid #fff;

}

#droite {
float:right;
/*margin:0 0 0 230px;*/
width:716px;
}

#conteneur {
position:relative;
width:946px;
background-image:url(../images/extranet-fond.gif);

}

h1#header {
height:91px;
background-image:url(../images/extranet-header.gif);
background-repeat:no-repeat;
margin:0 0 32px 0;
}

h1#header a {
	position:absolute;
	text-indent:-1000px;
	overflow:hidden;
	display:block;
	height:50px;
	width:260px;
	left: 244px;
	top: 11px;
}


#centre {
background-color:#FFFFFF;
padding:20px 50px 20px 50px;

font-size:1.1em;

}


#centre a {
text-decoration:underline;
color:#ff4f02;
}
#centre a:visited {color:#ff4f02;}
#centre a:hover {color:#ff4f02; text-decoration:none;}



.orange {
color:#ff4f02;

}
#spacer-visuel {
padding-top:150px;
}
#nav {
width:212px;
float:left;
margin:0 0 0 16px;
}

#nav h3 {
margin:30px 0 0 10px;
background-image:url(../images/puceTitre.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 25px;
}

#nav h3 span {
color:#ff4f02;
font-family:"Times New Roman", Times, serif;
font-size:2em;
text-transform:uppercase;
}


h2 {
margin:10px 10px 0px 0px;
background-image:url(../images/puceTitre.gif);
background-repeat:no-repeat;
background-position:0 3px;
padding:0 0 0 20px;
}

h2 span {
color:#ff5003;
font-family:"Times New Roman", Times, serif;
font-size:2em;
}



#welcome {
font-size:1.2em;
font-weight:bold;
background-image:url(../images/dot.gif);
background-color:#fff;
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 3px 0;
margin:0 0 10px 0;
z-index:100;
}

#footer {
display:block;
clear:both;
background-image:url(../images/extranet-footer.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0 0 0 520px;
height:37px;
}

#footer ul {
list-style-type: none;
margin: 0;
padding:18px 0 0 0;
}

#footer li {
display: block;
float:left;
background-image:url(../images/footer-separateur.gif);

background-repeat:no-repeat;
background-position:0 2px;
padding:0 10px 0 10px;
}

#footer li.first {
background:none;
}

#footer li.last {
padding-right:5px;
}

#footer a {
color:#c3bfb9;
text-decoration:none;
}

.titre-noir {
background-image:url(../images/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:8px 0 0 0;
}


h2.titre-page {
background-image:url(../images/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:8px 0 0 0;
margin:0 0 20px 0;
}

h2.titre-page span {
font-family:"Times New Roman", Times, serif;
color:#000;
font-size:1.6em;
}
/*------------------------------*/
.box {
background-color:#864631;
border:1px solid #fff;
margin:6px 5px 10px 9px;
padding:15px 10px 5px 8px;
color:#fff;

font-size:1.1em;
}

.box a {color:#fff; text-decoration:none; }
.box a:visited {color:#fff;  }

h3 {
background-image:url(../images/dot-blanc.gif);
background-position:bottom;
background-repeat:repeat-x;
margin:0 0 5px 0;

}

h3 span {
font-family:"Times New Roman", Times, serif;
color:#fff;
font-size:1.6em;
}

#alerte select {
margin-top:5px;
margin-bottom:5px;
font-size:1em;

}

#alerte table td {
padding-top:2px;
padding-right:2px;

}

#alerte ul {
list-style-type: none;
margin: 0;
padding:0;
}

#alerte ul li {
padding:2px 0 2px 0;
margin:0 0 0 0;
font-size:1em;
color:#fff;
}
#alerte ul li.first {
background-image:none !important;
}
#alerte ul li a {
display:block;
padding:0px 0px 0px 13px;
background-image:url(../images/extranet-picto-alerte.gif);
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#fff;
}

#alerte ul li a:visited {
color:#fff;
}
#alerte ul li a:hover {
}
/*------------------------------*/


#menu_extranet ul {
list-style-type: none;
margin: 0;
padding:0;
}

#menu_extranet ul li {
padding:2px 0 2px 0;
margin:0 0 0 0;
font-size:1em;
color:#fff;
}
#menu_extranet ul li.first {
background-image:none !important;
}
#menu_extranet ul li a {
display:block;
padding:0px 0px 0px 13px;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position:0px 2px;
text-decoration:none;
color:#fff;
}

#menu_extranet ul li.sous-nav a{
padding:0px 0px 0px 23px !important;
background-image:url(../images/fleche.gif) !important;
background-repeat:no-repeat !important;
background-position:10px 2px !important;
}

#menu_extranet ul li a:visited {
color:#fff;
}
#menu_extranet ul li a:hover {
}
/*-----------------------------*/


.lien-fleche {
padding:3px 0 3px 15px;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position:5px 7px;
}

.lien-deco {
padding:3px 0 3px 15px;
background-image:url(../images/extranet-puce.gif);
background-repeat:no-repeat;
background-position:5px 6px;
}

/*------------------------------*/
.box2 {
background-color:#c36c51;
border:1px solid #fff;
margin:6px 5px 10px 9px;
padding:5px 10px 5px 8px;
color:#fff;
}

.box2 a {color:#fff; text-decoration:none; }
.box2 a:visited {color:#fff;  }

/*------------------------------*/

.box2 ul {
list-style-type: none;
margin: 0;
padding:0;
}

.box2 ul li {
padding:5px 0 5px 0;
margin:0 0 0 0;
background-image:url(../images/dot-blanc.gif);
background-repeat:repeat-x;
background-position:top;

font-size:1.2em;
font-weight:bold;
color:#fff;
}
.box2 ul li.first {
background-image:none !important;
}

.box2 ul  li a {
display:block;
padding:0px 0px 0px 11px;
background-image:url(../images/fleche.gif);
background-repeat:no-repeat;
background-position:0px 5px;
text-decoration:none;
color:#fff;
}

.box2 ul li a:visited {
color:#fff;
}
.box2 ul  li a:hover {
}

/*******************************/

.encart-extranet {
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
background-position:top;

padding:2px 0 0 0;
margin:0;
}

.encart-extranet .centre1 {
background-image:url(../images/dot.gif);
background-repeat:repeat-x;
background-position:bottom;

padding:0 0 2px 0;
}

.encart-extranet .centre2 {
background-color:#f6f6f5;
background-image:url(../images/extranet-fond-encart.gif);
background-repeat:repeat-x;
background-position:top;

padding:10px 20px 10px 20px;
}

.encart-extranet ul {
list-style-type: none;
margin: 0;
padding:0 0 15px 0;
}

.encart-extranet ul li {
padding:0 0 0 15px;
margin:10px 0 0 0;
background-image:url(../images/exclamation.gif);
background-repeat:no-repeat;
background-position:1px 1px;
}