@CHARSET "UTF-8";
body {
	background: #A3ABBE url(../images/bg.gif) repeat-x center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

* { outline: none; }


/*===============================
	links */
	
a:link 		{text-decoration: 	none; 	color: #4c4c4c;}
a:visited 	{text-decoration: 	none; 	color: #4c4c4c;}
a:active 	{text-decoration: 	none; 	color: #4c4c4c;}
a:hover 	{text-decoration: 	underline; 	color: #4c4c4c;}


/*===============================
	title */

h1 { }
h2 { }
h3 { }


/*===============================
	Main Layout and Structure  */

ul#lang_switcher {
		    position:absolute;
		    top: 12px;
		    margin-left:860px;
		    z-index: 999;
		}
		
ul#lang_switcher li {
	list-style-type: none;
	display: inline;
	}

#tete {
	background-image: url(../images/tete.gif);
	height: 182px;
}
/*Menu principal*/
#boite_menu {
	background-image: url(../images/boite_menu.gif);
	height: 38px;
}

/*Boite (contient l'image de fond répétée)*/
#contenu {
	background: url(../images/contenu.gif) repeat-y;
}
/*Colonne gauche*/
#gauche {
	background: url(../images/gauche.gif) no-repeat;
	padding-top: 10px;
}
#gauche h1 {
	color: #475986;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin: 0;
	padding-left: 30px;
	margin-bottom:12px;
}

#gauche h2 {
	color: #8DA1D4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 1.2em;
	margin: 0;
	padding-left: 35px;
}

#gauche h3 {
	color: #BAC4D9;
	font-size: 0.8em;
	padding-left: 35px;
}

#gauche h1 p,#gauche h2 p,#gauche h3 p{margin:0;padding:0}

#gauche ul, #gauche p {
	font-size: 1.1em;
	list-style-type: none;
	list-style-image: url(../images/puce.jpg);
	padding: 0 40px 0 40px;
	text-align: justify;
}
#gauche li {
	margin-top: 5px;
}
#gauche a, .panel a {
	color: #8DA1D4;
	text-decoration: none;
}
#gauche a:hover, .panel a:hover {
	color: #475986;
	font-style: italic;
	text-decoration: none;
}

/*===============================
	Slide colonne gauche */
	
.panel h1 {
	color: #475986;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 2em;
	margin: 0;
	padding-left: 10px;
}
.panel h2 {
	color: #8DA1D4;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 2em;
	margin: 0;
	padding-left: 15px;
}
.panel h3 {
	color: #BAC4D9;
	font-size: 0.8em;
	padding-left: 15px;
}
.panel ul, .panel p {
	font-size: 0.8em;
	list-style-type: none;
	list-style-image: url(../images/puce.jpg);
	padding: 0 100px 0 20px;
	text-align: justify;
}
.scrollContainer div.panel {
	background: url(../images/coin.gif) no-repeat left top;
}
.panel img {
	border: solid 1px #bac4d9;
}

/*===============================
	colonne droite */

/*Boite hors grille contenant la partie inférieure du graphisme (mappemonde)*/
#spacer {
	background: url(../images/spacer.gif) left top no-repeat;
	float: left;
	height: 180px;
	margin-left: -10px;
	width: 280px;
}

h4 {
	color: #FFFEF7;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	height: 40px;
	letter-spacing: -1px;
	line-height: 40px;
	margin: 0;
	padding-left: 10px;
}

#bloc_1 {
	background-color: #475986;
	margin-top: 20px;
}

#bloc_2 {
	background-color: #8da1d4;
}

#bloc_3 {
	background-color: #bac4d9;
}

#bloc_3_bas {
	background: url(../images/bloc_3_bas.gif) left top no-repeat;
	height: 21px;
}

#bloc_1 h4 {
	background-image: url(../images/bloc_1.gif);
}

#bloc_2 h4 {
	background-image: url(../images/bloc_2.gif);
}

#bloc_3 h4 {
	background-image: url(../images/bloc_3.gif);
}
.bloc {
	height: auto;
}

.bloc .bloc_content {
	color: #FFFEF7;
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	padding: 10px 10px 20px 10px;
	text-align: left;
}

.bloc .editable_slot, .bloc .editable_slot a, .bloc .editable_slot a:hover{color:#333;}

.bloc a {
	color: #FFFEF7;
	font-weight: bold;
	text-decoration: none;
}

.bloc a:hover {
	color: #FFFEF7;
	font-weight: bold;
	text-decoration: underline;
}

#droite ul {
	font-size: 0.7em;
	list-style-type: none;
	margin: 0;
	padding: 10px;
}

/*===============================
	Footer */
	
#pied {
	color: #475986;
	background: #A3ABBE url(../images/pied.gif) no-repeat;
	font-size: 0.9em;
	height: 60px;
	text-align: right;
	padding-top: 20px;
	padding-right: 30px;
}

/*===============================
	Slider */

#slider {
	margin: 0 auto;
	width: 600px;
	position: relative;
}

.scroll {
	height: auto;
	width: 600px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-color: #FFFEF7;
}

.scrollContainer div.panel {
	padding: 20px;
	height: auto;
	width: 560px;
}

/*===============================
	content */
	
ul#breadcrumb_trail {}	
	
	ul#breadcrumb_trail li {
		background-color: #CCC;
		display: inline;
		list-style: none;
		padding-right: 16px;
		background: url(../images/tab_right.png) right no-repeat;
		font-size: 11px;
	}
		
	ul#breadcrumb_trail li.last {background: none;}


/*===============================
	slots type Text/RichText */
	
.none {}
	
.tips {
	background:#FFFFDD url(../images/tip.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}	

.caution {
	background:#FFFFDD url(../images/caution.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;
	}

.note {
	background:#FFFFDD url(../images/note.png) no-repeat scroll 5px 10px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:10px 0pt;
	padding:5px 20px 5px 45px;	
}