/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 07
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général  */
body {
	color: #794C3D;
	background: #D6BC98;
}
#global {
background: #fff;
}
a {
	color: #7E585F;
}
a:hover, a:focus {
	color: #f8f8f8;
}
strong {
	color: #A1B55D;
}
#contenu border-red{
border: 5px solid #d03135 ;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	background: url(img/07-colonnes.png) repeat-y; /* Voir -> Note 1 */
}

/* Navigation */
#navigation {
	background:#181A12; /* -> 2 */
}
#navigation a {
	color: #d03135;
	font-weight: bold;
}
#navigation a:hover, #navigation a:focus {
	background:#ffcc33;
	font-weight: bold;
	color: #ff0000;
}
#navigation ul li a:hover,#navigation ul li a.encours {
background: #ffcc33 url(img/casque.png) left no-repeat;
}
#listeplus li a {
		color: #ffcc33;
}
#listeplus li  {
	padding-top:20px;
	font-weight: bold;
}
#navigation #listeplus a:hover,#listeplus a:focus {
	background:#ff0000;/*rouge*/
	font-weight: bold;
	color: #ffcc33;/*jaune*/
}
#navigation #listeplus a.encoursb {
background: #ff0000;
}
/* Contenu principal */
#contenu {
	color: #363B29;
	background: #ffcc33; /* -> 2 */
}
#contenu a {
	color: #332510;
}
#contenu a:hover, #contenu a:focus {
	color: #6E5122;
}

#contenu h6 a {/*piecerechange lein pdf*/
	color:blue;
	font-weight: bold;
}
#contenu h6 a:hover, #contenu h3 a:focus {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}
#contenu strong {
	color: #181A12;
}
.blue {
	color: blue;
	font-weight: bold;
	margin:0 ;
	padding:0;
	font-size: 1em;
}

/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 10px 5px;
}
#global {
border: 2px solid #7E585F;
	width: 955px; /* -> 3 */
	margin: 0 auto; /* -> 4 */
}

/* En-tête navig haut*/
#entete {
margin: 0px;
	width: 955px;
	height: 173px;
	padding: 0px;
	color: #990033;
	border: 0px solid #993300;
	background: url(img/bandeau.jpg) no-repeat top left;

	/*padding: 20px 20px 20px 0;*/
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: .7em;
}
#entete .sous-titre {
float: left;
	margin: 0px;
	padding:0;
}
/* En-tête navig bas*/
#entete2 {
margin: 0px;
	width: 955px;
	height: 173px;
	padding: 0px;
	color: #990033;
	border: 0px solid #993300;
background-image:url(img/bandeauV2.jpg);
	background-repeat:no-repeat;
	background-position:top left;	
	/*padding: 20px 20px 20px 0;*/
}
#entete2 h1 {
	margin: 0;
}
#entete2 h1 img {
	float: left;
	margin: 7px 20px 10px 10px;
}
#entete2 .sous-titre {
	margin: 0px;
}

/* Bloc central contenant #navigation et #contenu */
#centre {
	width: 100%; /* -> 5 */
	overflow: hidden; /* -> 5 */
}

/* Menu de navigation */
#navigation {
	width: 180px;/*180*/
	float: left; /* -> 6 */
}
#navigation ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}
#navigation a {
	display: block;
	height: 1%; /* -> 7 */
	padding: 6px 10px 6px 25px;
	line-height: 1.5;
	font-size: 1em;
	text-decoration: none;
}

/* Contenu */
#contenu {
	margin-left: 200px; /* -> 8 */
	padding: 10px 20px;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}
#contenu h1 img{
	float:left;
	padding:10px;
}
#contenu img{
	text-align:center;
}

/* Pied de page */
#pied {
	margin: 0 0 0 14.8em;
	padding: 15px;
	font-size: 1.1em;
	color:#181a12;
	text-align:left;
	border-left:1px solid #ccc;
}
#pied a {
	font-weight: bold;
}
#pied a:hover,#pied a:focus {
	color:#181a12;
	text-decoration: none;
	font-weight: bold;
}

/* Mention de copyright */
#copyright {
	margin: 20px 0 5px 0;
	text-align: center;
	font-size: .75em;
	color: #ccc;
}
#copyright a {
	color: #ccc;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
	color: #999;
}
/*formulaire*/
#container{	
	margin:0 auto;
	background:#fff;
	width:600px;
	padding:20px 40px;
	text-align:left;
	}
/* form 1 */

	#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(img/form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(img/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(img/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(img/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */
/* form 2 */

	#form2{
		margin:1em 0;
		padding-top:10px;
		background:url(img/form_top.gif) no-repeat 0 0;
		}
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form2 legend{display:none;}	
	#form2 p{margin:.5em 0;}	
	#form2 label{display:block;}	
	#form2 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(img/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form2 textarea{
		height:125px;
		overflow:auto;
		}					
	#form2 p.submit{
		clear:both;
		background:url(img/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form2 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(img/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 2 */
#google_translate_element
{text-align:right;}