/* ---------------------------------------------------------------------------------------------------------------- */

	body {
		font: normal 400 12px arial, helvetica,verdana,sans-serif; 
		color: #555555;
		text-shadow: white 0 0 0;
		background-color:#F1F1F1;
	}
	
	img, div, span { behavior: url(/extension/reachthefirst/design/reachthefirst/images/ressources/iepngfix.htc) }

/* --------------------------------------------------------------------------------------------- Wrapper */

	#wrapper {
		width:100%;
		margin:0 auto;
		float:left;
		background:#F1F1F1 url(../../images/structure/background/body.gif) repeat-y top center;
	}

/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:850px;
		margin:0 auto;
	}
	
	* html #global {
		padding-left:11px;
	}
/* --------------------------------------------------------------------------------------------- Header */

	/*#header {
		position:relative;
	}*/
	
	#header .top_header{
		background-color:#555555;
		color:#FFFFFF;
		height:20px;
		text-align:right;
		padding:4px 25px 1px 0px;
	}
	
	* html #header .top_header{
		padding-left:10px;
	}
	
	#header .top_header a{
		color:#FFFFFF;
	}
	
	#header .top_header .slash{
		color:#e95e40;
		padding:0 8px;
	}
	
	#header .bottom_header{
		height:60px;
		margin-left:25px;
		padding:16px 0px;
	}
	
	#header .bottom_header .logo{
		float:left;
	}
	
	#header .bottom_header .coordonnees{
		float:right;
		padding-right:25px;
		height:59px;
		width:195px;
		text-align:left;
	}
	
	#header .bottom_header .coordonnees .address{
		float:left;
		padding-bottom:7px;
	}
	
	#header .bottom_header .coordonnees .phone{
		float:left;
		padding-bottom:2px;
		width:inherit;
	}
	
	#header .bottom_header .coordonnees .intitule{
		color:#e95e40;
		width:55px;
		float:left;
		
	}
	#header .bottom_header .coordonnees .donnees{
		float:right;
	}
	
	#header .bottom_header .coordonnees .donnees.second{
		width:195px;
		text-align:right;
	}
	
/* --------------------------------------------------------------------------------------------- Menu */

	#menu {
		width:605px;
		height:25px;
		background-color:#e0e0e2;
		float:left;
		padding-left:9px;
		font-weight:bold;
	}
	
	#menu li {
		display:inline;
	}
	
	#menu li a {
		position:relative;
		float:left;
		padding:5px 16px;
		color:#555555;
	}
	
	#menu li a:hover, #menu li a.selected {
		text-decoration:none;
		color:#FFFFFF;
		background-color:#e95e40;
	}
	
/* --------------------------------------------------------------------------------------------- Splash */

	#splash {
		width:850px;
		height:150px;
		background-color:#e95e40;
		float:left;
		position:relative;
		z-index:1;
		margin-top:5px;
		overflow:hidden;
	}
	
	#splash .splash_titre{
		width:200px;
		height:60px;
		color:white;
		float:right;
		font-size:18px;
		padding:45px 25px;
		text-align:right;
		font-weight:lighter;
	}
	
	* html #splash .splash_titre {
		padding:43px 25px;
	}
	
	#splash .splash_image{
		float:left;
		width:600px;
		height:150px;
		position:relative;
		top:0px;
	}
	
/* --------------------------------------------------------------------------------------------- Contenu */
	#contenu {
		width:800px;
		padding:10px 25px 10px 25px;
		float:left;
	}
	
	#contenu #contenu_left{
		float:left;
	}
	
	#contenu #contenu_right{
		float:right;
		width:200px;
		padding-left:25px;
	}
	
/* --------------------------------------------------------------------------------------------- Compas */
	#compas {
		font-size:11px;
	}

	#compas a {
		color:#E95E40;
		font-weight:bold;
	}
	
/* --------------------------------------------------------------------------------------------- Footer */

	#footer {
		height:110px;
		width:860px;
		background:#F1F1F1 url(../../images/structure/background/footer.gif) repeat-y top center;
		float:left;
		margin-left:-5px;
	}
	
	* html #footer {
		padding-left:9px;
		margin-left:-5px;
	}
	
	#footer .footer_left{
		padding-left:30px;
		float:left;
	}
	
	#footer .footer_left ul{
		padding-top:8px;
	}
	
	#footer .footer_left ul li a{
		color:#555555
	}
	
	#footer .footer_left ul li a.selected{
		color:#ea5d3e;
	}
	
	#footer .footer_right{
		float:right;
		padding-top:53px;
		width:300px;
	}
	
	* html #footer .footer_right{
		width:290px;
		
	}
	
	*+ html #footer .footer_right{
		width:290px;
	}
	
	#footer .footer_right .footer_copy{
		float:left;
		padding-right:12px;
		text-align:right;
	}
	
	*html #footer .footer_right .footer_copy{
		padding-right:0px;
	}
	
	#footer .footer_right .footer_logo{
		float:right;
		padding-top:9px;
		margin: 0 20px 0 0;
	}
	
	* html #footer .footer_right .footer_logo{
		padding-right:34px;
		padding-top:0px;
	}
	
	#footer .footer_right .footer_copy ul li a{
		color:#ea5d3e;
	}
	
/* --------------------------------------------------------------------------------------------- Recherche */
	#search{
		background-color:#e0e0e2;
		height:25px;
		width:236px;
		float:right;
	}
	
	#search label{
		font-size:11px;
		float:left;
		padding-top:5px;
		padding-right:5px
	}
	#search input.champ_recherche{
		height:15px;
		float:left;
		margin-top:2px;
	}

	#search #search_go {
		width: 20px;
		height: 20px;
		margin: 2px 0 0 2px; 
		padding: 0;
		background: url(../../images/structure/search_go.gif) no-repeat 0 0;
		border: 0px;
		cursor: pointer;
		float:left;
	}
	
/* --------------------------------------------------------------------------------------------- Newsletter */
	#newsletter {
		float:left;
		font-size:11px;
	}
	#newsletter label{
		padding:0 8px 0 0
	}
	#newsletter input.champ_recherche {
		width:193px;
		height:20px;
	}
	
	#newsletter input#submit_recherche{
		height:20px;
		border:none;
		font-weight:bold;
		background-color:#FFFFFF;
		float:right;
		padding:0;
		color:#555555;
		text-align:right;
		width:193px;
		font-size:12px;
	}
	
/* ------------------------------------------------------------------------- Titres */
	#contenu h1 {
		font-size:1.4em;
		margin:10px 0;
		float:left;
		clear:both;
		text-align:justify;
	}
	
	*+ html #contenu.etroit h1 { width:575px; }
	*+ html #contenu h1 { width:800px;clear:none;}
	#contenu h2 {
		clear:both;
		font-size:1.3em;
		margin-bottom:8px
	}
	#contenu h3 {
		clear:both;
		font-size:1.2em;
		margin-bottom:6px
	}
	#contenu h4 {
		clear:both;
		font-size:1.1em;
		margin-bottom:2px
	}
	#contenu h5,#contenu  h6 {
		clear:both;
		font-size:1em;
	}
	
/* ------------------------------------------------------------------------- Bloc Droit*/
#contenu #contenu_right .titre{
	/*background-color:#e95e40;*/
	background:url(../../images/structure/background/bloc_droit_haut.png) no-repeat top center;
	color:#FFFFFF;
	padding-left:25px;
	width:175px;
	height:22px;
	float:left;
	padding-top:8px;
}

#contenu #contenu_right .titre a{
	color:#FFFFFF;
}

/* ------------------------------------------------------------------------- Actualités Bloc Droit*/
#contenu #contenu_right #actualites{
	/*border-bottom:2px solid #e0e0e2;*/
	border-left:2px solid #e0e0e2;
	border-right:2px solid #e0e0e2;
	float:left;
	font-size:11px;
	padding:0px 15px 15px 15px;
	background-color:#f6f5f5;
	margin:0;
	/*background:#f6f5f5 url(../../images/structure/background/bloc_droit_bas.png) no-repeat bottom center;*/
}

#contenu #contenu_right .actualites_bottom{
	background:#f6f5f5 url(../../images/structure/background/bloc_droit_bas.png) no-repeat center center;
	height:20px;
	width:200px;
	float:left;
	margin-bottom:15px;
	margin-top:-10px;
}

.competences_bottom{
	background:#f6f5f5 url(../../images/structure/background/bloc_droit_bas.png) no-repeat center center;
	height:20px;
	width:200px;
	float:left;
	margin-bottom:15px;
	margin-top:-3px;
}

.bottom_bloc_droite{
	background:url(../../images/structure/background/bloc_droit_bas.png) no-repeat bottom center;
	padding-left:25px;
	width:175px;
	height:22px;
	float:left;
	margin:-1px 0 15px 0;
}

#contenu #contenu_right #actualites .actualite{
	margin-top:15px;
	float:left;
}
#contenu #contenu_right #actualites .actualite p{
	text-align:justify;
	margin-bottom:0;
}
#contenu #contenu_right #actualites .actualite span.date{
	color: #e95e40;
	font-weight:bold;
}
#contenu #contenu_right #actualites .actualite a{
	color: #555555;
	font-weight:bold;
	float:right;
}

#contenu #contenu_right #actualites .contenu{
	float:left;
	margin-top:10px;
}

#contenu #contenu_right #actualites .image{
	float:left;
	margin-top:15px;
}

/* ------------------------------------------------------------------------- Compétences Bloc Droit*/
#contenu #contenu_right #competences{
	border-bottom:2px solid #e0e0e2;
	border-left:2px solid #e0e0e2;
	border-right:2px solid #e0e0e2;
	background-color:#f6f5f5;
	float:left;
	width:auto;
	/*margin-bottom:15px;*/
	padding:3px;
	text-align:center;
}
#contenu #contenu_right #competences img{
	margin-bottom:5px;
}

#contenu #contenu_right #competences .separateur{
	border-bottom:2px solid #CCCCCE;
	border-color:#CCCCCE;
	float:left;
	height:1px;
	margin-bottom:8px;
	width:190px;
}

/* ------------------------------------------------------------------------- Pagination */
#contenu ul.pagination {
	float:left;
	width:100%;
	text-align:center;
	padding:5px 0 0 0;
	margin:20px 0 10px 0;
	line-height:1.25em;
}
#contenu ul.pagination li {
	display:inline;
	padding:0 6px;
	background:none;
	border-right:1px solid #8d8d8d;
}
#contenu ul.pagination li.direction {
	border:none;
}
#contenu ul.pagination li a {/**/color:#E95E40}
#contenu ul.pagination li a.on {
	font-weight:bold;
	/**/color:#666;
	text-decoration:none;
}
/* ------------------------------------------------------------------------- div vide */
 .separation{
	float:left;
	width:100%;
	margin:5px 0 25px 0;
}

/* ------------------------------------------------------------------------- Outils */
	#contenu #outils{
		padding-left:0px;
	}
	
	
/* ------------------------------------------------------------------------- Boutons */

input.bouton_petit{
color:#FFFFFF;
float:left;
font-weight:bold;
font-family:arial;
text-align:center;
width:132px;

background:url(../../images/boutons/bouton_petit.png) no-repeat scroll 0 0 transparent;
font-size:12px;
height:30px;
margin:0 0 5px;
padding:0;
border:none;
}

input.bouton_petit:hover{background:transparent url(../../images/boutons/bouton_petit.png) no-repeat 0 -30px; }


input.bouton_moyen {

color:#FFFFFF;
float:left;
font-weight:bold;
font-family:arial;
text-align:center;
width:155px;

background:url(../../images/boutons/bouton_moyen.png) no-repeat scroll 0 0 transparent;
font-size:12px;
height:30px;
margin:0 0 5px;
padding:0;
border:none;

}

input.bouton_moyen:hover{background:transparent url(../../images/boutons/bouton_moyen.png) no-repeat 0 -30px; }

input.bouton_grand{

color:#FFFFFF;
float:left;
font-weight:bold;
font-family:arial;
text-align:center;
width:186px;

background:url(../../images/boutons/bouton_grand.png) no-repeat scroll 0 0 transparent;
font-size:12px;
height:30px;
margin:0 0 5px;
padding:0;
border:none;

}

input.separationdroite{
margin-right:7px;
}

input.bouton_grand:hover{background:transparent url(../../images/boutons/bouton_grand.png) no-repeat 0 -30px; }

form .buttonblock{
float:left;
width:100%;
/*margin-left:33%;*/
}		

form .buttonblockCentrerDeuxBoutons{
float:left;
padding:0 150px 0 150px;
width:300px;
margin:0;
}	

form .buttonblockCentrerDeuxGrandsBoutons{
float:left;
padding:0 100px 0 100px;
width:400px;
margin:0;
}	

form .buttonblockCentrerUnBouton{
float:left;
padding:0 100px 0 200px;
width:300px;
margin:0;
}		

/* ------------------------------------------------------------------------- Haut de page */
	#contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		background:url(../../images/structure/background/haut_page.gif) no-repeat right 50%
	}
	#contenu div.haut_page a {
		/**/color:#000;
		background:url(../../images/structure/background/haut_page.gif) no-repeat left 50%;
		padding:0 0 0 10px;
		margin:0 10px 0 0;
		text-decoration:none
	}
	#contenu div.haut_page a:hover {text-decoration:underline}