/* Eléments HTML en général
-------------------------------------------------------- */
/*@import url(style_editeur.css);*/

/* Eléments Structure
-------------------------------------------------------- */
/*
1. div "general"
	1.1. div "entete" (logo + menuTop)
	1.3. div "content"
		a. menuPrincipal
		b. droite
			b.1. chemin
			b.2. textePrincipal
	1.4. div "footer" 
*/
*{
	margin: 0;
	padding: 0;
}
body{
	background: #ddd9da url(/images/bg.jpg) repeat-x;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333333;
}
#general{
	width: 890px;
	margin: 25px auto;
}
#header{
	width: 890px;
	color: #4b4848;
}
#content{
	width: 890px;
	min-height: 450px;
	float: left;
	background-color: #ffffff;
	margin: -3px 0 0 0;
}
#haut, #bas{
	width: 890px;
}

/* Eléments balises
-------------------------------------------------------- */
h1{
	color: #000000;
	font-size: 42px;
	letter-spacing: -0.08em;
}
h2{
	font: 24px "Arial Black", Helvetica, sans-serif;
letter-spacing: -0.05em;
	color: #1b1a1a;
	text-align: left;
        margin: 15px 0 0 0;
}
h3{
	font: normal 17px Georgia, "Times New Roman", Times, serif;
	color: #9b0606;	
	margin: 0 0 15px 0;
}
h4{
	font-size: 14px;
	color: #5386bc;
	margin: 5px 0;
}
a{
	color: #009ecf;
	text-decoration: none;
}
a:hover{
	color: #0498ff;
	text-decoration: underline;
}
img{
	border: none;
}
label{
	width: 250px;
	float: left;
}
fieldset{
	width: 580px;
	margin: 5px 0 15px 40px;
	padding: 10px;
	border: 1px solid #9e9e9e;
}
legend{
	font-weight: bold;
	color: #029aac;
	padding: 0 5px;
}
legend span{
	color: #212121;
	font-weight: normal;
	font-style: italic;
}
label{
	width: 100px;
	display: block;
	font-size: 11px;
	margin-left: 20px;
	float: left;
}
input, textarea, select{
	font: 11px Arial, sans-serif;
	letter-spacing: 1px;
	color: #313131;
	margin-bottom: 5px;
}
input{
	width: 176px;
}
textarea{
	width: 280px;
	font: 11px "Trebuchet MS", sans-serif;
	height: 140px;
	padding: 10px;
}
select{
	width: 180px;
}
table{
	width: 620px;
	border: none;
	margin: 15px;
	color: #111111;
	letter-spacing: 1px;
}
th{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
td{
	padding: 5px;
	border-bottom: 1px solid #08cfe6;
}
form{
	margin: 0 0 35px 0; 
}
table form{
	margin: 0; 
}
.bouton_submit{
	width: 100px;	
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #0695fd;
	background-color: #fcfcfc;
	border: 3px solid #55ab26;
	cursor: pointer;
	margin: 10px 0;
	display: block;
	float: right;
}

/* Eléments div "entete"
-------------------------------------------------------- */
#logo{
	position: relative;
	top: 16px;
	float: left;
}
#menuTop{	
	position: relative;
	top: 35px;
	float: right;
}
#menuTop a{
	color: #009ecf;
}	

/* Eléments div "haut"
-------------------------------------------------------- */
#visuel{
	width: 212px;
	height: 243px;
	float: left;
}
#slider{
	width: 623px;
    margin: 0;
	float: left;
}
#slider h2{
	color: #000000;
	text-align: left;
margin: 0;
}
#slider p{
	font: 1.05em Arial, Helvetica, sans-serif;
	color: #1b1a1a;
	padding: 5px 45px 0 0;
}
#slider a{
	font-weight: bold;
	text-decoration: underline;
}
#gauche{
	width: 200px;
	height: 340px;
	background: #ffffff url(/images/bg_menu.jpg) repeat-x;	
	float: left;
}
#droite{
	width: 690px;
	float: left;
}
.textePrincipal{
	width: 640px;
	margin: 0 auto 10px;
}
.textePrincipal h2{
	font: 24px "Arial Black", Helvetica, sans-serif;
	letter-spacing: -0.05em;
	text-align: left;
	color: #000000;
	padding: 5px 0 0 0;
margin: 0;
}
.textePrincipal h4{
color: #5386C8;
margin: 12px 0 0 0;
}
#droite p{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	padding: 0 0 5px 0;
}
#droite ul{
	list-style-image: url(/images/puce.jpg);
	margin: 5px 0 10px 15px;
	padding: 0 25px;
}
#droite ol{
	margin: 5px 0 10px 15px;
	padding: 0 25px;
}
#droite li{
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	color: #515151;
	padding: 0;
}
#droite a{
	font-weight: bold;
	text-decoration: underline;
}
.vert{
	color: #688e01;
	font-weight: bold;
	font-size: 11px;
}
.azur{
	color: #008dc4;
	font-weight: bold;
	font-size: 11px;

}
.indigo{
	color: #4700b8;
	font-weight: bold;
	font-size: 11px;
}	

/* Eléments div "chemin"
-------------------------------------------------------- */
#chemin{
	font: 10px Verdana, Arial sans-serif;
	margin: 5px 0 10px 20px;
	color: #4b4848;
}
#chemin p{
	margin: 0;
	padding: 0;
}
#chemin span{
	font-weight: bold;
	color: #616161;
}

/* Eléments div "menu gauche"
-------------------------------------------------------- */
#navigation li{
	list-style: none;
	background: url(/images/bg_menu.png) no-repeat;
	height: 24px;
	width: 200px;
}
#navigation a{
	height: 24px;
	padding: 0 0 0 25px;
font-weight: bold;
	color: #009ecf;
	line-height: 23px;
	display: block;
	position: relative;
}
#navigation a:hover{
	color: #1a1a1a;
	text-decoration: none;
}
#navigation .selected{
	color: #000000;
	font-weight: bold;
font-family: Arial, "Sans-serif";
}
/* Eléments div "bas"
-------------------------------------------------------- */
#onglets, #argum{
	width: 650px;
	height: 200px;	
	margin: 10px 15px 0 18px;
	float: left;
}
#onglets p{
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #515151;
	padding: 0 0 4px 10px;
}
#onglets h2{
	font: 24px "Arial Black", Helvetica, sans-serif;
	letter-spacing: -0.05em;
	text-align: left;
	color: #000000;
	padding: 5px 0 0 10px;
margin: 0;
}
#onglets h3{
font-size: 13px;
	font-weight: normal;
	color: #9b0606;
	padding: 0 0 10px 10px;
	margin: 0;
}
#sepextras{
	margin: 10px 0 0 0;
	float: left;
}
#extras{
	width: 190px;
	float: right;
position: relative;
right: 12px;
}
.texteExtras{
	width: 170px;
	margin: 0 auto;
}
.texteExtras li{
margin: 0 0 0 15px;
}
#extras p{
	font: 10px Arial, Helvetica, sans-serif;
	color: #1b1a1a;
	padding: 0 5px 5px 0;
}

/* Eléments "glossaire"
-------------------------------------------------------- */
.toggler{
	cursor: pointer;
}
.toggler li{
	font-size: 14px;
	color: #5386bc;
	margin: 10px;
}
.element {
	width: 600px;
	background: #f5f4ee none repeat scroll 0 0 !important;
	border: 1px solid #dddddd !important;
	color: #06263C !important;
	font-size: 11px !important;
	line-height: 1.6 !important;
	margin: 0.8em 20px 1.2em !important;
	padding: 5px !important;
}

/* Eléments "contact"
-------------------------------------------------------- */
.erreur{
	color: #005298;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.erreurTexte{
	color: #057c8a;
	font: bold 11px "Trebuchet MS", Helvetica, sans-serif;
}
.button{
	width: 65px;
	font-weight: bold;
	color: #515151;
	margin-right: 10px;
	float: right;
}
#droite #partnership{
	text-align: center;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #004e57;
	margin: 10px 15px;
}

/* Eléments Joker
-------------------------------------------------------- */
.roundabout-holder{
	list-style: none;
	width: 75%;
	height: 10em;
	margin: 1em auto;
}

.roundabout-moveable-item{
	height: 4em;
	width: 8em;
	border: 1px dotted #999;
	background-color: #f3f3f3;
	font-size: 2em;
	cursor: pointer;
}

.roundabout-in-focus{
	cursor: auto;
}

/* Eléments div "footer"
-------------------------------------------------------- */
#footer p{
	font-size: 10px;
	text-align: right;
	margin-top: -10px;
	color: #949494;
}

/* Eléments Joker
-------------------------------------------------------- */
.imgLeft{
	margin: 0 15px 0 0;
	float: left;
}
.imgRight{
	margin: 0 0 0 20px;
	float: right;
}
.imgCenter{
	margin: 5px auto;
	text-align: center
}
.middle{
	position: relative;
	top: 65px;
}
.middle2{
	position: relative;
	top: -80px;
}
.gras{
	font-weight: bold;
}
.right{
	text-align: right;
	margin-right: 10px;
}
.suite{
	text-align: right;
}
.suite a{
	color: #009ecf;	
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}


.source{
	font: 0.9em Arial, Helvetica, sans-serif;
	font-style: italic;
}
.numerospecial{
position: relative;
top: 11px;
}
a.bouton {
	font: 12px Arial, sans-Serif;
	background-color: #74BBFA;
	border: 1px #fff solid;
	padding: 6px 8px;
	display: block;
	margin: 0px 0px 10px 0;
	color: #fff;
	font-weight: normal;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	float: right;
}
a.bouton:hover{
	background: #333;
}