/* MISE EN PAGE PRINCIPALE  */

body {
background-image: url(../images/fond_general.jpg); background-position: top; background-repeat: repeat-x;
font: 11px Verdana, Arial, Geneva, Helvetica, sans-serif;
color: #494949;
margin: 0px 0px 0px 0px;
text-align: center;
}

body p {
margin: 0px 0px 10px 0px;
}

/* Liens par défaut */
a:link {
color: #494949;
text-decoration: underline;
}

a:visited {
color: #494949;
text-decoration: none;
}

a:hover {
color: red;
text-decoration: none;
}  

a.sp:link {color: #909090; text-decoration: none; font-style: italic;} 
a.sp:visited {color: #909090; text-decoration: underline; font-style: italic;}
a.sp:hover {color: red; text-decoration: none; font-style: italic;} 

a.nonsouligne:link { text-decoration: none;} 
a.nonsouligne:visited { text-decoration: none;}
a.nonsouligne:hover { text-decoration: underline;}  

div#main_contener { /* Conteneur général (Centrage */
position: relative;
text-align: left;
margin: 0px auto;
padding: 0px;
width: 1050px;
background-color: #ffffff;
/z-index: 1
}

div#main_left {
position: absolute;
top: 0px;
left: 0px;
width: 83px;
height: 486px;
background-color: #797979;
background-image: url(../images/fond_left_logo1.jpg); background-position: right top; background-repeat:  no-repeat;

}

div#main_center {
position: absolute;
top: 0px;
left: 83px;
width: 950px;
background-color: #ffffff;

}

div#main_right {
position: absolute;
top: 0px;
left: 1057px;
width: 20px;
height: 486px;
background-image: url(../images/fond_right2.jpg); background-position: left top; background-repeat: no-repeat;

}

div#left_col {
position: absolute;
top: 0px;
left: 0px;
width: 148px;
background-image: url(../images/fond_left_logo2.jpg); background-position: left top; background-repeat:  no-repeat;
background-color: #ffffff;
}

div#center_col_contener {
position: absolute;
top: 0px;
left: 148px;
width: 683px;
background-color: #ffffff;
/z-index: -1;
}

div#center_col_top {
position: absolute;
top: 0px;
left: 0px;
width: 683px;
height: 201px;
background-image: url(../images/fond_top.jpg); background-position: left top; background-repeat:  no-repeat;
}


div#ombre_l {
position: absolute;
top: 241px;
left: 0px;
width: 12px;
height: 591px;
background-image: url(../images/ombre_l.jpg); background-position: left top; background-repeat:  no-repeat;

}

div#ombre_r {
position: absolute;
top: 241px;
left: 665px;
width: 18px;
height: 591px;
background-image: url(../images/ombre_r.jpg); background-position: left top; background-repeat:  no-repeat;
}

div#right_col {
position: absolute;
top: 0px;
left: 831px;
width: 143px;
background-image: url(../images/fond_col_right2.jpg); background-position: left top; background-repeat:  no-repeat;
background-color: #ffffff;
}

div#contener_principal {
position: relative;
top: 241px;
left: 12px;
width: 593px;
padding: 0px 30px 0px 30px;
background-color: #ffffff;

}

div#titre_general {
position: relative;
top: 0px;
width: 600px;
height: 55px;
}

div#menu1_contener {
position: absolute;
top: 330px;
left: 5px;
width: 145px;
height: 280px;
}

div#bas_left_contener {
position: absolute;
top: 580px;
left: 5px;
height: 500px;
width: 145px;
text-align: center;
}

div#panneau_vi_contener {
position: absolute;
top: 40px;
left: 7px;
height: 71px;
text-align: center;
color: #909090;
font-size: 10px;
background-color: #ffffff;
}

div#meteo_contener {
position: absolute;
top: 400px;
left: 4px;
height: 180px;
text-align: center;
background-color: #ffffff;
}

div#logo_xiti {
position: relative;
top: 600px;
left: 0px;
height: 15px;
text-align: center;
background-color: #ffffff;
}

div#rcol_contener {
position: absolute;
top: 330px;
left: -8px;
width: 150px;
height: 500px;
/*background-color: #CEB4AA;*/
}

div#rcol_B1 {
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 30px;
text-align: center;
/*background-color: red;*/
}

div#rcol_B2 {
position: absolute;
top: 60px;
left: -3px;
width: 150px;
height: 100px;
text-align: center;
/*background-color: red;*/
}

div#rcol_B2_a {
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 20px;
text-align: center;
font-size : 10px;
font-weight : bold;
background-image: url(../images/fond_7.jpg); background-position: left top; background-repeat:  repeat-x;
}

div#rcol_B3 {
position: absolute;
top: 260px;
left: -3px;
width: 150px;
height: 100px;
text-align: center;
/*background-color: red;*/
}

div#rcol_B4 {
position: absolute;
top: 485px;
left: -3px;
width: 150px;
height: 100px;
text-align: center;
}

div#rcol_B3_a {
position: relative;
top: 0px;
left: 0px;
width: 135px;
height: 20px;
text-align: center;
font-size : 10px;
font-weight : bold;
background-image: url(../images/fond_7.jpg); background-position: left top; background-repeat:  repeat-x;
}


div#rcol_B3_b {
position: absolute;
top: 30px;
left: 0px;
width: 130px;
height: 160px;
text-align: left;
padding-left: 10px;
font-size : 10px;
}



hr {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 padding: 0;
 color: #dbbb34;
 background-color: #dbbb34;
 border: 0;
}

hr#marron {
 display:block;
 height: 1px;
 margin: 0;
 _margin: -7px 0;
 margin-bottom: 10px !important;
 padding: 0;
 color: #311e20;
 background-color: #311e20;
 border: 0;
}
 
 
	/* Inset 3D Raised */
	.raised {background: transparent; width:140px; margin:0 auto;}
	.raised h1, .raised p {margin:0 10px;}
	.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
	.raised p {padding-bottom:0.5em;}
	
	.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
	.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
	.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
	.raised .b2 {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	.raised .b3 {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	.raised .b4 {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	.raised .b4b {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	.raised .b3b {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	.raised .b2b {background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}
	
	
	.raised .b1 {margin:0 5px; background:#f9b552;}
	.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
	.raised .b3, .raised .b3b {margin:0 2px;}
	.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
	.raised .b1b {margin:0 5px; background:#f9b552;}
	.raised .boxcontent {display:block;  background:#fafafa; border-left:1px solid #f9b552; border-right:1px solid #f9b552;}


#pscroller1 {
position: absolute;
top: 5px;
left: 0px;
width: 135px;
height: 140px;
text-align: left;
padding-left: 3px;
font-size : 9px;
}

div#attente_contener {
position: absolute;
top: 160px;
width: 600px;
height: 850px;
background-color: #ffffff;
overflow: auto;
text-align: center;
font-size: 14px;
/z-index: -1;
}

p#Lettrine:first-letter {
color: #D17110;
font-size: 110%;
font-weight: bold;
}

div#sous_titres {
position: relative;
top: 0px;
width: 600px;
height: 30px;
text-align: left;
font-size: 24px;
/*background-color: #EAEAEA;*/
/z-index: -1;
}

#sous_titres p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#boite_595 {
width: 597px;
background: url("../images/arrondis_595_fond.gif") repeat-y 0 0;
}

#boite_595 .sus, #boite_595 .sous {
width: 597px;
background: no-repeat 0 0;
}

#boite_595 .sus {
background-image: url("../images/arrondis_595_top.gif");
}

#boite_595 .sous {
background-image: url("../images/arrondis_595_bottom.gif");
}


#boite_285 {
width: 285px;
background: url("../images/arrondis_285_fond.gif") repeat-y 0 0;
}

#boite_285 .sus, #boite_285 .sous {
width: 285px;
background: no-repeat 0 0;
}

#boite_285 .sus {
background-image: url("../images/arrondis_285_top.gif");
}

#boite_285 .sous {
background-image: url("../images/arrondis_285_bottom.gif");
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 15px;
padding-bottom: 0;
background: #FFFFFF;
visibility: hidden;
border: 1px solid black;
z-index: 1110;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 11px Verdana;
color: black;
padding: 8px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

.10 { font-size: 10px;}


/* V2 */
div#V2LinkServices {
	position: absolute;
	top: 150px;
	left: 5px;
	width: 127px;
	height: 200px;
	padding: 15px 5px 5px 5px;
	font-size: 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: #666 0px 1px 2px;
	-webkit-box-shadow: #666 0px 1px 2px;
	box-shadow: #666 0px 1px 2px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F5F5F5), to(#FFFFFF));
	background: -moz-linear-gradient(#F5F5F5, #FFFFFF);
	background: linear-gradient(#F5F5F5, #FFFFFF);
	-pie-background: linear-gradient(#F0F0F0, #FFFFFF); 
	behavior: url("../css/PIE.htc");
}

div#V2LinkServices a {
	display: block;
	font-style: normal;
	margin-bottom: 5px;
	line-height: 11px;
}