/*##############################################*/
/*############# STRUCTURE GENERALE##############*/
/*##############################################*/

*{
	margin-top: 0;
	padding-top: 0;
}

img, div, a { behavior: url(/js/iepngfix.htc) }


body {
	font-family:Arial,Verdana,Arial;
	margin: 0;
	padding: 0;
	background-color:#c3e6f8;
	background-image:url(/images/fond.jpg);
	background-repeat: repeat-x;
	font-size:12px;
	color:#000000;
}

#center {
	position:relative;
	width:980px;
	margin:0 auto;
	margin-top:0px;
	background:url(/images/fond_centre.png) top center repeat-y;	
}

#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	margin-top:0px;
}

#content {
	position:relative;
	width:980px;
	margin:0 auto;
}

#contenu {
	position:relative;
	width:958px;
	margin:0 auto;
}

#bottom {
	position:relative;
	background:url(/images/fond_bottom.png) bottom left no-repeat;
	height:5px; 
	width:980px;
	padding-top:5px;	
}

.act {
	color:#e1ecb2 !important;
}

#texte h2 {
	font-size:16px;
	font-weight:bold;
}

h2.titre {
	margin-bottom:0px;
	margin-top:15px;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}

a:hover {
	color:#e1ecb2;
}

a.email_contact{
	text-decoration:none;
	color:#e1ecb2;
}

a.email_contact:hover {
	color:#FFFFFF;
}

a.texte_menu {
	color:#FFFFFF;
	text-decoration:none;
}

a.texte_menu:hover {
	color:#e1ecb2;
}

span.sous_titre {
	margin-top:20px;
	font-size:14px;
	font-family:Arial, Verdana, sans-serif;
	background:#6d92c6;
	display:inline;
}
span.titre {
	font-size:22px;
	font-family:Arial, Verdana, sans-serif;
	font-weight:bold;
	display:block;
}

.bt_contact {
	position:absolute;
	width:168px;
	height:32px;
	background:url(/images/fond_bt_contact.png) top left no-repeat;	
	top:81px;
	left:802px;
	z-index:100;
	padding-top:5px;
}

#page .bt_contact {
	background:url(/images/fond_bt_contact_page.png) top left no-repeat;
	top:80px;
	left:841px;	
	width:128px;	
}

.bt_contact a {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:25px;
}

.bt_contact a:hover {
	color:#e1ecb2 !important;
}

#accueil #texte_scroll a {
	text-decoration:none;
	color:#FFFFFF;
}

#accueil #texte_scroll a:hover {
	color:#e1ecb2;
}

#logo {
	position:absolute;
	left:0;
	top:0;
	width:160px;
	height:70px;
	z-index:100;
}
#logo a {
	display:block;
	width:160px;
	height:70px;	
}

#copyright {
	position:relative;
	font-size:11px;
	text-align:right;
	margin-right:20px;
	color:#3e7bbd;
}

a.lien_copyright {
	color:#3e7bbd !important;
	text-decotation:none;
}

a.lien_copyright:hover {
	color:#000000 !important;
}

/*##############################################*/
/*############# ACCUEIL ########################*/
/*##############################################*/

#accueil #top {
	position:relative;
	background:url(/images/fond_menu.png) top left no-repeat;
	height:80px;
	width:980px;	
}

#accueil #menu {
	position:absolute;
	background:url(/images/fond_menu_accueil.jpg) top left no-repeat;
	height:70px;
	width:960px;
	left:11px;	
	top:10px;
	
}

#accueil #contenu {
	position:relative;
	width:958px;
	margin:0 auto;
	background:url(/images/fond_accueil.jpg) top left no-repeat;
	height:478px;
}

#accueil #menu ul {
	position:relative;
	width:980px;
	margin-left:15px;
	padding:0;
}

#accueil #menu ul li {
	position:relative;
	float:left;
	height:50px;
	background:url(/images/puce_menu_accueil.gif) top right no-repeat;
	padding-top:17px;
	list-style-type:none;
}

#accueil #menu ul li.formation_cordistes {
	width:140px;
}

#accueil #menu ul li.formation_travaux {
	width:235px;
}

#accueil #menu ul li.formation_urbains {
	width:190px;
}

#accueil #menu ul li.formation_recyclage {
	width:150px;
}

#accueil #menu ul li.formation_chantiers {
	width:120px;
	background:none;
}

#accueil #formation_accueil {
	position:absolute;
	width:280px;
	height:175px;
	top:60px;
	left:255px;
	background:#FFFFFF;
    filter : alpha(opacity=6); 
    -moz-opacity : 0.06; 
    opacity : 0.06;
	padding:7px; 	
}

#accueil #texte_formation_accueil {
	position:absolute;
	width:276px;
	height:151px;
	top:74px;
	left:269px;
	color:#FFFFFF;
	z-index:100;
}	

#accueil #bt_savoir_plus {
	position:absolute;
	width:110px;
	height:22px;
	top:248px;
	left:438px;
	background:url(/images/fond_bt_savoir_plus_accueil.png) top left no-repeat;	
}

#accueil #bt_savoir_plus a {
	font-size:9px;
	font-family:Verdana, Arial, sans-serif;
	font-weight:bold;
	display:block;
	color:#407cbe;
	text-decoration:none;
	margin-left:35px;
	margin-top:3px;
}

#accueil #bt_savoir_plus a:hover {
	color:#325275;	
}

#accueil #texte {
	position:absolute;
	width:543px;
	height:140px;
	left:11px;
	top:320px;
	background:#2c67b1;
    filter : alpha(opacity=80); 
    -moz-opacity : 0.8; 
    opacity : 0.8;	
}

#accueil #texte_scroll {
	position:absolute;
	width:503px;
	height:120px;
	left:31px;
	top:330px;
	color:#FFFFFF;
	overflow:auto;	
	scrollbar-3dlight-color:    #8dcff2;   
	scrollbar-arrow-color:      #3e7bbd;   
	scrollbar-darkshadow-color: #8dcff2;  
	scrollbar-face-color:       #8dcff2;   
	scrollbar-highlight-color:  #FFFFFF;   
	scrollbar-shadow-color:     #FFFFFF;
}

#accueil #bouton_qui_accueil {
	position:absolute;
	width:141px;
	height:25px;
	left:30px;
	top:295px;
}
#accueil #bouton_chantier_accueil {
	position:absolute;
	width:152px;
	height:25px;
	left:171px;
	top:295px;
}

#accueil #bouton_qui_accueil a {
	position:absolute;
	width:141px;
	height:25px;
	background:url(/images/fond_bt_qui_accueil_off.png) top left no-repeat;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2c67b1;
	text-decoration:none;
	padding-top:3px;
	padding-left:3px;	
}

#accueil #bouton_qui_accueil a:hover {	
	color:#000000;
}

#accueil #bouton_chantier_accueil a {
	position:absolute;
	width:152px;
	height:25px;
	background:url(/images/fond_bt_chantier_accueil_off.png) top left no-repeat;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#2c67b1;
	text-decoration:none;
	padding-top:3px;
	padding-left:3px;		
}

#accueil #bouton_chantier_accueil a:hover {	
	color:#000000;
}

.act_qui {
	background:url(/images/fond_bt_qui_accueil_on.png) top left no-repeat !important;		
	color:#FFFFFF !important;
}
.act_chantier {
	background:url(/images/fond_bt_chantier_accueil_on.png) top left no-repeat !important;		
	color:#FFFFFF !important;
}

.titre_texte {
	font-size:22px;
	color:#FFFFFF;
	width:500px;
}

/*##############################################*/
/*############# PAGE ###########################*/
/*##############################################*/

#page #top {
	position:relative;
	background:url(/images/fond_menu.png) top left no-repeat;
	height:80px;
	width:980px;	
}

#page #menu {
	position:absolute;
	background:url(/images/fond_menu_page.jpg) top left no-repeat;
	height:70px;
	width:960px;
	left:11px;	
	top:10px;
	
}

#page #contenu {
	position:relative;
	width:823px;
	height:468px;	
	margin:0 auto;
	padding-left:135px;
	padding-top:10px;	
}

body.cordistes #contenu  {
	background:url(/images/fond_cordistes.jpg) top left no-repeat !important;
}
body.travaux #contenu  {
	background:url(/images/fond_hauteur.jpg) top left no-repeat !important;
}
body.recyclage #contenu  {
	background:url(/images/fond_recyclage.jpg) top left no-repeat !important;
}
body.chantiers #contenu  {
	background:url(/images/fond_chantiers.jpg) top left no-repeat !important;
}
body.contact #contenu  {
	background:url(/images/fond_contact.jpg) top left no-repeat !important;
}
body.urbains #contenu  {
	background:url(/images/fond_urbains.jpg) top left no-repeat !important;
}

#page #menu ul {
	position:relative;
	width:800px;
	margin-left:160px;
	padding-left:0;
	
}

#page #menu ul li {
	position:relative;
	float:left;
	height:50px;
	background:url(/images/puce_menu_accueil.gif) top right no-repeat;
	padding-top:17px;
	list-style-type:none;
}

#page #menu ul li.formation_cordistes {
	width:130px;
}

#page #menu ul li.formation_travaux {
	width:225px;
}
#page #menu ul li.formation_urbains {
	width:190px;
}

#page #menu ul li.formation_recyclage {
	width:140px;
}

#page #menu ul li.formation_chantiers {
	width:80px;
	margin-left:5px;
}

#page #bouton_semaines {
	position:absolute;
	left:138px;
	top:7px;
	height:25px;
	padding-top:3px;
	width:248px;	
	padding-top:3px;		
}

#page #bouton_adaptee {
	position:absolute;
	left:165px;
	top:7px;
	height:25px;
	padding-top:3px;	
	width:248px;	
	margin-left:222px;			
}


#page #bouton_semaines a {
	display:block;
	background:url(/images/fond_titre_on.png) top left;
	background-repeat:no-repeat;
	padding-left:28px;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	height:25px;	
}

#page #bouton_semaines a:hover {	
	color:#215baa !important;
	background:url(/images/fond_titre.png) top left !important;	
}

#page #bouton_adaptee a {	
	display:block;
	background:#5181bf;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;	
	height:25px;			
	padding-left:18px;	
}

#page #bouton_adaptee a:hover {	
	color:#215baa !important;
	background:#cfdced !important;
}

.act_semaines {
	background:url(/images/fond_titre.png) top left !important;
	color:#215baa !important;
}
.act_adaptee {
	background:#d4e0ef !important;		
	color:#215baa !important;
}


#page #texte {
	position:absolute;
	width:570px;
	height:335px;
	left:50px;
	padding-right:10px;
	top:120px;
	color:#FFFFFF;
	overflow:auto;	
	scrollbar-3dlight-color:    #3974ba;   
	scrollbar-arrow-color:      #FFFFFF;   
	scrollbar-darkshadow-color: #3974ba;  
	scrollbar-face-color:       #3974ba;   
	scrollbar-highlight-color:  #FFFFFF;   
	scrollbar-shadow-color:     #FFFFFF;
}

body.travaux #texte {
	width:640px !important;
}

#titre_page {
	position:absolute;
	top:60px;
}

body.travaux #titre_page {
	position:absolute;
	top:20px;
}

.msg_erreur {
	color:red;
	font-weight:bold;
}

/* Formulaire de contact */
#formulaire_contact {
                position:relative;
                width:100%;
                margin-top:1em;
}
 
#form_contact input {
                font-size:12px;
                margin-bottom:5px;
                border:dashed 1px #999999;
                color:#000000;
}

#form_contact label {
                float:left;
                width:130px;
                margin-right:10px;
                text-align:right;
                color:#ffffff;
                font-size:12px;
                vertical-align:middle;
}

#form_contact textarea  {
                width:350px;
                border:dashed 1px #999999;
                color:#000000;
                font-family:Arial, Helvetica, sans-serif;
                font-size:12px;
                font-weight:bold;
				margin-bottom: 5px;
}

#formulaire_contact input.submit {
                background-color:#EC4A07;
                border:solid 1px #EC4A07;
                color:#FFFFFF;
                font-size:14px;
                font-weight:bold;
                margin-left:110px;
                margin-top:1em;
}

#form_contact div.erreur {
                font-size:11px;
                color:#EC4A07;
                float:right;
                width:160px;
}