*, html {
margin:0;
padding:0;
}

html{height:100%;}
html a{text-decoration:none;}
body{
		
		text-align:center;
		height:100%;	}
	
	
body#fond_accueil {background:#fab011 url(../images/fond_general.jpg) repeat-x center top;
		background-attachment:scroll ; }
div#fondgeneral {background:#fab011 url(../images/fond_general.jpg) repeat-x center top;
		background-attachment:scroll ;}	
	
img {border:none;}	

body#idbody{display:none;}

body#bg_commandes{
	background:#fab011 url(../images/fond_general_commandes.jpg) repeat-x center top;
	}

body#bg_equ{
	background:#fab011 url(../images/fond_general_equ.jpg) repeat-x center top;
	}
body#bg_con{
	background:#fab011 url(../images/fond_general_contact.jpg) repeat-x center top;
	
	}
	
body#bg_part{
	background:#fab011 url(../images/fond_general_part.jpg) repeat-x center top;
	
	}
div#anim_intro{z-index:5000;position:absolute; top:0; left:0;width:100%;height:100%;
}


div#wait{background:background:blue;height:100%;width:100%;}
			
div#content{display:none;}

	h1{
		color:#000000;
		margin:0;
		font:25pt nunito;
		padding-top:10px;
		text-transform:uppercase;	
	} 
	
	
	h2{
		color:#FFFFFF;
		margin:-25px 0 30px 0;
		font:11pt nunito;
			
	} 
	
	

	
	h4{
		color:#ff7b24;
		margin:0;
		font:10pt arial;
	}
	
div#sglobal{	  
     position : relative;
     min-height: 100%; 
	 width:1010px;
	 margin:0 auto;
     text-align:center;
	z-index:40;
}

div#sglobal_int{
     position : relative;
     min-height: 100%; 
	 width:1160px;
	 margin:0 auto;
     text-align:center;
	z-index:40;
}  


div#navigation_int{
		width:1085px;
		height:277px;
	}

div#navigation_int_contact{
		width:1085px;
		height:175px;
	}

		
div#navigation{
		width:1010px;
		height:277px;
	}

div#header{
		height:105px;
		width:1010px;
		float:right;
		margin-top:1px;
		background:transparent;
	}
	
div#logo{
	float:left;
	width:365px;	
	}
	
div#logo img{
	float:left;
	}
		
	div#animation_projo{
		float:right;
		width:79px;
		}
		
	ul#menu { 
	    margin: 0; 
	    padding: 0; 
	    list-style: 0 ; 
	    list-style-type:none;
	    
    }
    
    #menu li { 
	    float: right ;
	    position:relative; 
	    width: 109px;
	    height:40px; 
	    border: none; 
	    margin:0 0 0 0; 
	    padding:0;
	    color: #ff7b24 ; 
	    background: transparent ; 
	    text-align:center;
    }
    
    
    
    #menu ol { 
	    float: right ;
	    position:relative; 
	    width: 109px;
	    height:40px; 
	    border: none; 
	    margin:0 0 0 0; 
	    padding:0;
	    color: #ff7b24 ; 
	    background: transparent ; 
	    text-align:center;
    }

	 
	  #menu li a { 
    	padding-top:60px;
    	display: block ;
    	width:95px;
    	//height: 100px;
    	
    	//vertical-align:middle;
    	text-decoration:none;
	    background:transparent; 
	    color: #ff7b24 ; 
	    font: 0.8em  arial;
	    font-weight:bold; 
	} 

	 
	 
	 #menu ol a { 
    	padding-top:60px;
    	display: block ;
    	width:95px;
    	//height: 30px;
    	text-decoration:none;
	    background:transparent; 
	   color:#2593d5; 
	    font: 0.8em  arial; 
	} 


  ul#menu li img {
    position: absolute;
    width: 80%;
    top: 0px;
    left:0px;
    padding: 0px;
    opacity:0.4;
    filter : alpha(opacity=40); 
    margin: 12px 0 0 0;
    border: none;
    overflow: hidden;
}
        

ul#menu ol img {
	
	position:absolute;
    padding: 0px;
    opacity:1;
    top:1px;
    left:-11px;
    filter : alpha(opacity=100); 
    margin: 0 0 0 0;
    border: none;
    overflow: hidden;
	
   //position: absolute;
      
    //padding: 0px;
    //margin: 0 3px 0 0;    
    //border: none;
    //overflow: hidden;
}

         
	#menu li a:hover { 
    	
    	color:#2593d5;
    }
    
    #menu a.menu_clique{
    	background: url(../images/menu_fond.gif) 0 -35px no-repeat;
    	
    }
	
	div#contact_perm{
		background:transparent url(../images/fond_contactperm.png) no-repeat;
		float:left;
		width:194px;
		height:50px;
		
		margin-top:-22px;
		margin-left:138px;
	}
	div#contact_perm a{
		
		font-family:arial;
		font-size:0.6em;
		color:#FFFFFF;
		text-transform:uppercase;
		
		}
		
		
	div#a_de_contact_perm {
		
		margin-right:9px;
		margin-top:3px;
		
		}	
	
	div#sousmenu_main{
		background:url(../images/deco_poulpe_pageint.png) no-repeat;
		position:relative;
		margin:0;
		padding:0;
		text-align:center;
		width:1160px;
		height:310px;
		z-index:55;
		
	}
	
	div#sousmenu_main a{
		text-decoration:none;
		
		
		}
	
	
	div#sousmenu_main h1{
		margin-left:115px;
		text-align:left;
		font-size:21pt;
		padding-top:23px;
		
		}
	div#sousmenu_main h2{
		text-align:left;
		margin:-10px 0 0 115px;
		padding:0;
		}
	div#sousmenu_main p{
		display:block;
		width:235px;
		font-size:9pt;
		font-style:italic;
		font-family:verdana;
		text-align:justify;
		margin-top:10px;
		color:#f09a15;
		margin-left:115px;
		
		}
	
	
	
	div#sousmenu_main img.poulpe_deco {
		float:left;
		position:absolute;
		//width:240px;
		bottom:67px;
		left:110px;
		
		}
	
	div#sousmenu {
		float:right;
		background:blue;
		margin:80px 35px 0 0;
		padding:0;
		text-align:center;
		width:760px;
		background:transparent;
	}
	div#sousmenu ul{
		margin: 0 0 0 0; 
	    padding: 0; 
	    list-style-type:none;
	    text-align:center;
	    height:173px;		
		
		}
	div#sousmenu li{
		float:right ; 
	    border: none; 
	    margin:0 12px 0 0; 
	    padding:0;
	    color: #ff7b24 ; 
	    background:transparent ; 
	    text-align:center;
	    width:177px;
		}
			
		
				
	div#sousmenu a{
		font:09pt nunito;
		display:block;
		//background: url("../images/sousmenu.png") no-repeat scroll 0px -149px;
		height:148px;
		width:177px;
		 color: black ;
		 text-transform:uppercase;
		 overflow:hidden;
		  
		}
		
	div#sousmenu a:hover{
		//background:url("../images/sousmenu.png") no-repeat scroll 0px 0px;
    	font:09pt nunito;
		display:block;
		//background: url("../images/sousmenu.png") no-repeat scroll 0px -149px;
		height:148px;
		width:177px;
		 color:white;
		 text-transform:uppercase;
		 overflow:hidden;		
		}
	
	.interieur_sousmenu{
			height:148px;
			margin-top:0;
			overflow:hidden;
		}
	
	
	.interieur_sousmenu img{
		margin-top:-149px;
		}		
	.interieur_sousmenu img:hover{
		margin-top:0px;}	
	.interieur_sousmenu_sel{
		height:148px;
		margin-top:0px;
		overflow:hidden;
		}
	.li_sel span{color:white	;}
	
	
	
	div#sousmenu span{
			display:block;
			margin-top:-16px;
		}

	
	#lst_sousmenu {
		margin:0;
		padding:0;
		list-style: 0 ; 
    	list-style-type:none;
	}
	
	#lst_sousmenu li {
		float:right;
		width:70px;
		margin:0 0 0 10px;
		background:transparent;	
	}
	
	#lst_sousmenu li a {
		display:block;
		text-decoration:none;		
		font-size:8pt;
		font-family:arial;
		font-weight:normal;
		color:#ff7b24;
		
	}

	#lst_sousmenu li img {
	border:none;
	}
	
	
	
	div#news h1{
		text-transform:uppercase;
		text-align:right;
		
		color:#000000;
		margin:30px 40px 10px 0;
		font:25pt nunito;	
	} 

	
	div#news h2{
		text-transform:uppercase;
		line-height:12px;
		color:white;
		margin:0 0 0 5px;
		font:10pt arial;	
	} 
	
	div#news h3{
		
		text-align:justify;
		color:white;
		margin:0 5px 0 5px;
		font:8pt arial;	
	} 
	
	div#news h4{
		text-transform:uppercase;
		text-align:right;
		
		color:#000000;
		margin:3px 40px 0 0;
		font:9pt nunito;	
	} 
	
	div#contenu{
		clear:both;
		width:1010px;
		margin:18px auto 0 auto;
		text-align:left;
		//min-height:535px;
		height:auto !important;
		min-height:580px;
		padding-bottom: 236px;
		
	}
	
	div#contenu_int{
		background:transparent url(../images/contenu_int_deco.png) no-repeat center top;
		//clear:both;
		position:relative;
		width:1010px;
		margin:-73px auto 0 auto;
		text-align:left;
		
		height:auto !important;
		min-height:463px;
		padding-bottom: 236px;
		z-index:60;
		
	}
	
	
	div#contenu_int_news{
		//clear:both;
		position:relative;
		width:1010px;
		margin: -59px auto 0;
		text-align:left;
		//min-height:535px;
		height:auto !important;
		
		padding-bottom: 188px;
		padding-top:15px;
		z-index:60;
		
		}
	
	
	
	
	
	div#contenu_int_part{
		
		//clear:both;
		position:relative;
		width:1010px;
		margin: -59px auto 0;
		text-align:left;
		//min-height:535px;
		height:auto !important;
		
		padding-bottom: 188px;
		padding-top:15px;
		z-index:60;
		
	}
	
	
	
	div#deco_haut_cont_part {
		clear:both;
		background:url(../images/contenu_int_deco_haut.png) no-repeat center top;
		width:1010px;
		margin-top:-29px;
		height:14px;
	}
	
	
div#part_scroll {background:transparent url(../images/contenu_int_deco_milieu.png) repeat-y center top;
min-height:420px;

}


	
div#part_scroll ul  {
	height: 420px;
    overflow-x: auto;
    overflow-y: scroll;
    width:1009px;
}
div#part_scroll ul.lst_news{
		height: 400px;
    overflow-x: auto;
    overflow-y: scroll;
    width:1009px;
    
		}
	.lst_news a{color:#F09A15;}
	.lst_news a:hover{color:white;}
		
.lst_news h3{
	font-family:nunito;
		float:left;
margin:0 0 0 70px;
font-size:11pt;
color:#FFF;
width:500px;		}
		
		
.lst_news p{
	font-family:arial;
	float:left;
margin:0 0 0 70px;
font-size:09pt;
color:#FFF;
width:500px;}

div#part_scroll ul.lst_news li{
		margin-bottom:0px; 
		position:relative;   
		}


.lst_news_acc{
	
	display:block;
	height:150px;
	background:white;
	overflow:hidden;
	text-align:left;
	}
	
.lst_news_acc h1{
	font-family:nunito;
	float:left;
	margin:0 0 0 30px;
	font-size:15pt;
	color:#000000;
	width:450px;	
}	
.lst_news_acc h3{
	font-family:nunito;
	float:left;
	margin:0 0 0 30px;
	font-size:11pt;
	color:#000000;
	width:450px;
}

.lst_news_acc p{
	font-family:arial;
	float:left;
	margin:0 0 0 30px;
	font-size:09pt;
	color:#000000;
	width:450px;
}




div#deco_img {
	
	width:240px;
		height:93px;
		background:black;
		padding-top:20px;
		position:absolute;
		margin:6px 6px 0 0;
		right:0;
	}


div#part_scroll li {
	display:block;
	width:910px;
	height:170px;
	}
div#part_scroll img{margin-left:60px;float:right;
	}
div#part_scroll li h1 {float:left;
margin-left:70px;
font-size:18pt;
color:#FFF;
max-width:500px;
	}
	
	
div#part_archives{
	
	height: 420px;
    overflow-x: auto;
    overflow-y: auto;
    width:1009px;
	
	
	}	

div#part_archives a{
	margin-left:40px;
	margin-top:4px;
	font:9pt nunito;
	display:block;
		//background: url("../images/sousmenu.png") no-repeat scroll 0px -149px;
	height:148px;
	width:177px;
	color: white ;
	text-transform:uppercase;
	overflow:hidden;
	float:left;
	}
	
	
div#part_archives a:hover{
	color:black;
	}
	
div#part_archives span{
			display:block;
			margin-top:-16px;
			text-align:center;
		}
	
	
	
	
	div#contenu_int_contact{
				
		margin:-73px auto 0 auto;
		text-align:left;
		//min-height:535px;
		height:auto !important;
		min-height:660px;
		padding-bottom: 236px;
		z-index:60;
		
	}

	
	div#contenu_int h1{
		color:#FFF;
		
		}
	div#contenu_int h2{
		color:#f09a15;
		}	
		
	
	div#video_pres{
		z-index:60;
	float:left;
	width:730px;	
	height:549px;
	}
	
	div#video_pres h1,h2,p{
		text-align:left;
		margin-left:0;
		
		}
	
	div#texte_pres{
	float:left;
	width:515px;	
	height:418px;
	}
	
	
	div#texte_pres h1{
		text-align:left;
		margin-left:68px;
		
		}
	
	div#texte_pres h2{
		text-align:left;
		margin-left:68px;
		
		}

	
	div#texte_pres p{
		margin-left:68px;
		color:white;
		display:block;
		width:355px;
		text-align:justify;
		font-family:"Trebuchet MS","Verdana","Lucida Grande";
		}
	
	
	div#news { 
		float:left;
		margin:0px;
		padding:0px;
	    height:540px;
		width:280px;
		color:white;
		
	}
	
	div#medias_pres { 
		float:right;
		margin:0px;
		padding:0px;
	    height:418px;
		width:495px;
		color:white;
		
		text-align:center;
	
	
	overflow-x: auto;
    overflow-y: auto;
   	
		
	}
	
	div#medias_pres img{padding:5px 20px; }
	
	div#news li {
		width:240px;
		height:127px;
		background:black;
		margin-top:7px;
		
		}
		
	div#news img{margin-top:5px;}
		
	div#news ul {
		list-style-type:none;
		
		}
		
    #competences {
    	clear:both;
    	margin:50px auto 0 auto;
    	
		width:660px;
		height:140px;
		background:transparent;
		color:#ff7b24;
	}
	
		
	div#univers ul img{
		opacity:0.7;
		filter : alpha(opacity=70); 
		}
	
	
	
	div#univers a:hover{
    	color:#ffb22c;
		}
	
	
	
	div#univers ul img:hover{
		opacity:1;
		filter : alpha(opacity=100); 
		}
	
	div#pied_int #univers h1 {
		//margin:-25px 0 0 0;
		font:12pt nunito;
		color:white;
		text-align:center;
		padding:4px;
		}	
		
	div#pied_acc div#univers h1 {
		//margin:-25px 0 0 0;
		font:16pt nunito;
		color:white;
		text-align:center;
		padding-top:12px;
				}
		
	ul#lst_competences_01 {
	    margin: 10px 0 0 0; 
	    padding: 0; 
	    list-style: 0 ; 
	    list-style-type:none;
	    text-align:center;
	    height:173px;
    }
	
		
	ul#lst_competences_01_int {
	    margin:-10px 0 0 0; 
	    padding: 0; 
	    list-style: 0 ; 
	    list-style-type:none;
	    text-align:center;
	    height:130px;
    }
		
	
		
	ul#lst_competences_01 li,ul#lst_competences_01_int li {
		 float:left; 
	    width: 107px ; 
	    border: none; 
	    margin:0 8px 0 0; 
	    padding:0;
	    color: #ff7b24 ; 
	    background: transparent ; 
	    text-align:center;

		
		}
	div#texte_pied {
   text-align:center;
	clear:both;
	font: 0.6em  Verdana;
	
	}
	
	div#texte_pied a{
		color:black;
		
		}
	
	

	#competences h1 {
		text-align:center;
		color:#ff7b24;
		font: 1.1em Arial; 	
		margin:0;
		padding:0;
	}
	
    div#pied_acc {
    clear:both;
	position:relative;
	z-index:60;
	background-image:url(../images/deco_bas.gif) ;
	background-position: bottom;
	background-repeat:repeat-x;
	//background-attachment:scroll ;
	height:265px;
	min-width:1010px;
	margin-top:-265px;

    }
    
    
    div#pied_int {
    clear:both;
	position:relative;
	z-index:60;
	background-image:url(../images/deco_bas_int.gif) ;
	background-position: bottom;
	background-repeat:repeat-x;
	//background-attachment:scroll ;
	height:145px;
	min-width:1010px;
	margin-top:-265px;

    }

    div#pied_int img{
    	width:82px;
	height:60px;
	margin-top:5px;
    	}
    

div#pied_int div#texte_pied{
	
	margin-top:-20px;
	
	}    
    
    div#interieur_pied{	 
	margin:0 auto;
	width:345px;
	height:100px;

}


     
     #pied_acc a,#pied_int a{
      	color:#ff7b24;
      	text-decoration:none;
      	font: 9pt Arial;
     } 
     
    hr{clear:both;}
     
     div#plan p {text-align:center;}
     div#plan a{color:black;}
     div#plan a:hover{color:#c8580f;}
    div#plan h4{font-weight:bold; color:white;margin-top:20px; font-size:1.5em;font-family:nunito;text-transform:uppercase;}
    
    div#mentions_leg,#plan {
    	width:430px;
    	margin:0 auto;
    	
    	font:0.8em tahoma, serif;
    	color:black;
    		
    }
     div#mentions_leg p {text-align:justify;}
    
    div#mentions_leg h4{font-weight:bold; color:white;margin-top:20px; font-size:1.5em;font-family:nunito;text-transform:uppercase;}
    
    div#confirmation{
    	width:500px;
    	margin:60px auto 0 auto ;
    	
    	text-align:center;	
    }
    div#confirmation a{
    	text-decoration:none;
    	color:white;	
    }
    div#confirmation a:hover{
    	text-decoration:none;
    	color:#ffedc3;	
    }

	
	
	
	
	

			div#pourform{
				
				margin:25px auto;
				background:url(../images/fond_contact.png) no-repeat top center;
				text-align:center;
				width:650px;
				height:750px;
				color:black;
			}
			div#pourform p{
				text-align:center;
				margin:0;
				
				font-size:7pt;
				color:#000000;
			}
			
			
			form{clear:both;margin:0 auto;
				
				font-family:verdana;
				padding-right:30px;
				text-align:left;
				background-color:transparent;
				width:285px;
				height:315px;
			}
			
			input {
				float:right;
				margin-right:2px;
				font-size:9pt;
				border:1px solid #ff7b24;
				background-color:#1f1c1c;
				color:#FFF;
				
			}
			textarea{
				border:1px solid #ff7b24;
				color:#000;
				
			}
			label{
				
				line-height:18px;
				float:left;margin-left:5px;
				font-size:9pt;
				display:block;
				color:black;
				
			}
			form input.bt_sub{
			float:right;
			margin-right:5px;
			margin-top:5px;
			font-size:8pt;
			border:solid 1px #ff7b24;
			width:60px;
			color:#ff7b24;}
			

	div#slideshow {
	
	text-align:center;
	margin:0 auto;
	width: 383px;
	height: 279px;
	overflow: hidden;
	border: 0px;
	background:url(../images/fond_slidevita.png);
	padding:0px;
}
div#slideshow img {
	padding:0;
	margin-top:14px;
	margin-left:18px;
	width: 347px;
	height: 253px;
}