/* CSS Document */
@import "charte.css";
@import "menu.css";

/*****************************************************/
/*
/* 		TEXTES
/*
/*****************************************************/
h1{
	font-size:2em;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:28px 0 10px 0;
	margin-bottom:20px;
	color:#000;
	background:url(../images/charte/bg-h1.gif) left bottom no-repeat;
}
h1 span {
	font-size:0.5em;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}
h2{	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.6em;
	padding:10px 0 10px 0;
	color:#221d71;
}
h2 a{	
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:10px 0 10px 0;
	color:#221d71;
}
h2 a:hover{	
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ff6a2c;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	font-weight:normal;
	padding:5px 0;
	color:#000
}
h3 a{
	color:#000
}
p{	
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:5px 0;
	color:#666666;
}
p.gris{	
	color:#666666;
}
a{	
	font-family:Arial, Helvetica, sans-serif;
	color:#ff6a2c;
	text-decoration:none;
}
a.souligne{	
	text-decoration:underline;
}
a:hover{
	color:#ff6a2c;
	text-decoration:underline;
}
hr{
 	height:1px;
	border:0;
	color:#666;
	background:#666;
}

dl dt {
	list-style:none;
	background:url(../images/charte/bg-puce.gif) 0px 3px no-repeat;
	font-size:1.2em;
	padding-left:15px;
	margin-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}
dl p{
	padding-left:15px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
dl dt a{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
}
dl ul, #contenu ul, #popup-container-in ul{
	list-style:none;
	border-left:#ff6b31 1px solid;
	margin: 5px 0 5px 15px;
	padding:0 0 0 10px;
}

dl ul li, #contenu ul li, #popup-container-in ul li{
	font:12px Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0;
}

/************* Formulaire ****************/
#formContact{
}
#formContact table tr td{
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
}
.saisie{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000;
	border:0 none;
	background:#fff;
	border:1px solid #c9c9c9;
}
.btn{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#fff;
	border-top:#ffb99e 1px solid;
	border-left:#ffb99e 1px solid;
	border-right:#96350f 1px solid;
	border-bottom:#96350f 1px solid;
	background:#ff6b31;
}


/************* page d'accueil ******************/
#menu-accueil{
font:bold 1.4em Georgia, "Times New Roman", Times, serif;
color:#999999;
padding-left:0px;
}
#menu-accueil a{
display:block;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold ;
text-decoration:none;
color:#666666;
border-bottom:3px solid #f6f6f6;
margin-right:15px;
}
#menu-accueil a:hover{
color:#000;
border-bottom:3px solid #000;
}

/************* page méthodologie ******************/

a.shema1-1, a.shema1-2, a.shema1-3, a.shema1-4, a.shema2-1, a.shema2-2, a.shema2-3, a.shema2-4{
	display:block;
	height:230px;
	float:left;
	background-repeat:no-repeat;
}
a.shema1-1{
	width:214px;
	background-image:url(../images/methodologie/shemas/shemas-off_01.gif);
}
a.shema1-2{
	width:159px;
	background-image:url(../images/methodologie/shemas/shemas-off_02.gif);
}
a.shema1-3{
	width:165px;
	background-image:url(../images/methodologie/shemas/shemas-off_03.gif);
}
a.shema1-4{
	width:162px;
	background-image:url(../images/methodologie/shemas/shemas-off_04.gif);
}
a.shema2-1{
	width:214px;
	background-image:url(../images/methodologie/shemas/shemas-off_05.gif);
}
a.shema2-2{
	width:159px;
	background-image:url(../images/methodologie/shemas/shemas-off_06.gif);
}
a.shema2-3{
	width:165px;
	background-image:url(../images/methodologie/shemas/shemas-off_07.gif);
}
a.shema2-4{
	width:162px;
	background-image:url(../images/methodologie/shemas/shemas-off_08.gif);
}
a.shema1-1:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_01.gif);
}
a.shema1-2:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_02.gif);
}
a.shema1-3:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_03.gif);
}
a.shema1-4:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_04.gif);
}
a.shema2-1:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_05.gif);
}
a.shema2-2:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_06.gif);
}
a.shema2-3:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_07.gif);
}
a.shema2-4:hover{
	background-image:url(../images/methodologie/shemas/shemas-on_08.gif);
}


.cadre1, .cadre2, .cadre3, .cadre4{
	width:650px;
	margin:0 auto;
	border-style:dashed;
	border-width:1px;
	padding:10px;
}
.cadre1{border-color: #f61635;}
.cadre1 h3{	color: #f61635;}

.cadre2{border-color: #ff6b31;}
.cadre2 h3{color: #ff6b31;}

.cadre3{border-color: #221d71;}
.cadre3 h3{color: #221d71;}

.cadre4{border-color: #dc0017;}
.cadre4 h3{color: #dc0017;}

/************* Popup -******************/
#popup-container{
	margin:30px auto;
	width:80%;
	padding:5px;
	background:#fff;
	border:1px solid #f0f0f0;
}
#popup-container-in{
	background:#f6f6f6;
	border:1px solid #e7e4e4;
	padding:0 40px 40px 40px;
}

/************* formations schema ******************/
a.formation-shema2-1, a.formation-shema2-2, a.formation-shema2-3, a.formation-shema2-4{
	display:block;
	height:230px;
	float:left;
	background-repeat:no-repeat;
}

a.formation-shema2-1{
	width:214px;
	background-image:url(../images/formation/shemas/shemas-off_05.gif);
}
a.formation-shema2-2{
	width:159px;
	background-image:url(../images/formation/shemas/shemas-off_06.gif);
}
a.formation-shema2-3{
	width:165px;
	background-image:url(../images/formation/shemas/shemas-off_07.gif);
}
a.formation-shema2-4{
	width:162px;
	background-image:url(../images/formation/shemas/shemas-off_08.gif);
}


a.formation-shema2-1:hover{
	background-image:url(../images/formation/shemas/shemas-on_05.gif);
}
a.formation-shema2-2:hover{
	background-image:url(../images/formation/shemas/shemas-on_06.gif);
}
a.formation-shema2-3:hover{
	background-image:url(../images/formation/shemas/shemas-on_07.gif);
}
a.formation-shema2-4:hover{
	background-image:url(../images/formation/shemas/shemas-on_08.gif);
}