html{
margin:0;
padding:0;
background-color:#9a0002;
width:100%;
}
body{
margin:0;
padding:0;
width:1440px;
background:url(images/bg_body.png) top left repeat-y;
margin:auto;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

body p, body h1, body h2, body h3{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
}

:focus{
outline:0;
}

a img{
border:none;
}

div, p, ul, dl, h1, h2, h3, h4, h5, h6, form{
margin:0;
padding:0;
}

.separation{
clear:both;
visibility:hidden;
height:1px;
}

#container{
width:1012px;
margin:auto;
/*padding-left:230px;
padding-right:250px;*/
background-color:#5b0304;

}

#test{
background-color:yellow;
color:red;
text-align:center;
}


#bandeau_header{
margin:0;
padding:0;
margin:auto;
height:196px;
width:975px;
background:url(images/bg_header.png) top center no-repeat;
background-color:#ffffff;
}

#bandeau_header #logo_cliquable{float: left;width :520px;height: 170px;margin-left: 0px;margin-top: 10px;}
#bandeau_header a #texte_invisible {position: absolute;left: -500em;top: -500em;text-indent: -500em;}




#bloc_header_droite{
float:right;
margin:0;
padding:0;
width:440px;
height:100px;
}

#bloc_header_droite #logo_cliquable2{display:block;width :180px;height: 70px;margin-left:248px;margin-top: 40px;}
#bloc_header_droite #logo_cliquable2 #texte_invisible2 {position: absolute;left: -500em;top: -500em;text-indent: -500em;}


#bloc_header_droite #topline{
font-family:"Lucida Sans Unicode", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
font-size:12px;
color:#ffffff;
font-weight:normal;
padding:10px;
line-height:11px;
height:45px;
}

#bloc_header_droite ul#menu_horiz_1{
/*margin-left:8px;*/
margin-top:10px;
list-style-type:none;
}

#bloc_header_droite #menu_horiz_1 li{
float:left;
padding-top:3px;
margin-left:6px;
}




#menu_horiz_2{
margin:0;
padding:0;
margin:auto;
width:1000px;
background:url(images/bg_menu_h2.png) top left no-repeat;
}

#menu_horiz_2 ul{
/*margin-left:80px;*/
margin-left:30px;
margin-right:50px;
list-style-type:none;
height:48px;
}

#menu_horiz_2 ul .sep_menu2{
float:left;
padding-top:5px;
width:2px;
}

#menu_horiz_2 ul .item_menu2{
float:left;
width:100px;
font-family:"Lucida Sans Unicode", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color:#fdfdfd;
font-size:16px;
line-height:42px;
margin-top:-2px;
/*padding-left:10px;
padding-right:10px;*/
}

html>body #menu_horiz_2 ul .item_menu2{
width:auto;
}


#menu_horiz_2 ul .item_menu2 a{
display:block;
margin:0;
padding:0;
padding-left:20px;
padding-right:20px;
height:48px;

color:#fdfdfd;
text-decoration:none;
background:url(images/separation_menu_h2.png) right 7px  no-repeat;

}

#menu_horiz_2 ul .item_menu2 a:hover{
background:url(images/bg_item_menu.png) top center repeat-y;
/*margin-left:-2px;*/
}


#contenu{
position:relative;
margin:0;
padding:0;
margin-left:19px;
padding-top:10px;
width:975px;
background-color:#ffffff;
}

#contenu a{
color:#9a0002;
text-decoration:none;
}

#contenu a:hover{
color:#9a0002;
text-decoration:underline;
}


#contenu h1#decale{
margin-left:-12px;
}

#bloc_dernieres_real{
height:270px;
/*300px;*/
margin:auto;
/*width:975px;*/
background-color:#f1f0f0;

background:url(images/bg_dr.png) top left repeat-x;
}

#bloc_dernieres_real h1{
margin-left:-12px;
}

#bloc_dernieres_real #galerie{
margin:auto;
width:958px;
/*height:247px;
height:220px;*/
overflow:hidden;
text-align:left;
}
#bloc_dernieres_real #galerie ul{
font-family: Arial, Helvetica, sans-serif;
}
/*
#bloc_dernieres_real #galerie ul{
width:850px;

float:left;
list-style-type:none;
overflow:hidden;

}

#bloc_dernieres_real #galerie ul li{
float:left;
width:202px;
margin-left:8px;

}*/

#bloc_dernieres_real #galerie ul li{
opacity:0.5;
filter : alpha(opacity=50); 


}

#bloc_dernieres_real #galerie ul li:hover, #bloc_dernieres_real #galerie ul li.current{
opacity:1;
filter : alpha(opacity=100); 
}

#bloc_dernieres_real #galerie ul li .vignette{
height:140px;
/*background-color:#cccccc;*/
}

#bloc_dernieres_real #galerie ul li h1, #bloc_dernieres_real #galerie ul li h2, #bloc_dernieres_real #galerie ul li p{
margin:0;
margin-left:2px;
text-align:left;

}

#bloc_dernieres_real #galerie ul li h1{
font-size:12px;
color:#c43f30;
font-weight:bold;
background-color:#d5cfcf; /*nécessaire pour que le texte soit bien lissé sous ie, à cause de opacity*/
}

#bloc_dernieres_real #galerie ul li h2{
font-size:11px;
background-color:#d5cfcf;/*nécessaire pour que le texte soit bien lissé sous ie, à cause de opacity*/
}

#bloc_dernieres_real #galerie .fleche{
float:left;
width:51px;
margin-top:60px;

}

#bloc2, #bloc, #bloc_erreur{
margin:auto;
overflow:hidden;
/*width:975px;*/

}

#bloc_erreur{
margin-left:25px;
}

#bloc_erreur ul{
margin-left:25px;
}

#contenu h1#decale, #contenu h1#decale2{
position:absolute;
left:-1px;
width:350px;
}

#contenu h1#decale2{
background:url(../images/titre.png) left top no-repeat;
height:40px;
width:315px;
left:-12px;
padding-left:40px;
color:#ffffff;
font-size:18px;
font-weight:400;
line-height:30px;
text-transform:uppercase;
font-family:"Lucida Sans Unicode", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
/*border:1px solid black;*/
}
/*#contenu h1#decale2{
height:100px;
background-color:yellow;
z-index:100;
}*/

#contenu h1#decale2 a{
color:#ffffff;
}

#contenu h1#decale2 a:hover{
color:#ffffff;
}

#contenu #bloc{
margin:auto;
min-height:400px;
padding-bottom:20px;
overflow:hidden;
}

#contenu #bloc h1#decale{
left:0px;
}


#bloc2 #bloc2_gauche{
width:650px;
float:left;

background-color:#ffffff;
}

#bloc2 #bloc2_gauche #bloc_sf{
margin-left:21px;
margin-top:40px;
background:url(images/bg_bloc_sf.png) top left no-repeat;
height:295px;
width:626px;
}

#bloc2 #bloc2_gauche #bloc_sf p{
margin-left:60px;
margin-right:60px;
padding-top:5px;
margin-bottom:15px;
text-align:justify;
font-family:"Lucida Sans Unicode", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
color:#504444;
font-size:13px;
}

#bloc_clients {
margin-top:30px;
margin-left:10px;
}

#bloc_clients h2{
margin-top:10px;
text-align:left;
}

#bloc_clients #galerie_clients{
margin:auto;
background-color:red;
width:620px;
padding-bottom:10px;
}

#bloc_bas{
margin-top:30px;
overflow:hidden;
}

#bloc_actus{
float:left;
margin-left:10px;
width:307px;
height:300px;
background:url(images/bg_actus.png) top left no-repeat;



}
#bloc_actus_content {
padding-left:60px;
padding-right:15px;
padding-top:15px;
padding-bottom:30px;
text-align:left;
}

#bloc_actus_content h1{
padding-top:8px;
padding-bottom:8px;
font-size:14px;
}

#bloc_bas_droite{
width:300px;
float:left;

}

#reseaux_sociaux{
margin-left:70px;
list-style-type:none;
text-align:center;
}

#reseaux_sociaux li{
float:left;
}

#bloc_bas_droite p{
clear:both;
margin-top:10px;
padding-left:8px;
font-size:12px;
text-align:center;
font-weight:bold;
}

#bloc2 #bloc2_droite{
width:320px;
float:left;
}

#bloc_techniques{
width:303px;
height:546px;
background:url(images/bg_techniques.png) top left no-repeat;
margin-left:10px;
padding-left:60px;
padding-top:10px;
}

#bloc_techniques h1, #bloc_fiches h1{
width:210px;
font-size:16px;
font-weight:bold;
color:#4a4747;
text-align:left;
}

#bloc_techniques .item_technique{
overflow:hidden;
margin-top:10px;
margin-bottom:10px;

}

#bloc_techniques .item_technique .gauche{
width:135px;
float:left;

}

#bloc_techniques .item_technique h2{
font-size:12px;
font-weight:bold;

}

#bloc_techniques .item_technique p{
/*margin-left:5px;*/
text-align:left;
}

#bloc_techniques .item_technique .droite{
float:left;
margin-left:15px;
}


#bloc_techniques .item_technique img{

}

#bloc_fiches{
width:303px;
height:201px;
background:url(images/bg_fiches.png) top left no-repeat;
margin-left:10px;
margin-top:20px;
padding-left:60px;
padding-top:10px;

}

#bloc_fiches p{
margin-top:20px;
width:210px;
text-align:justify;
}

#bloc_techniques_int{
float:left;
width:300px;
height:201px;
background:url(images/bg_techniques_int) top left no-repeat;
margin-left:5px;
margin-top:20px;
padding-top:10px;

}

#bloc_techniques_int h1, #bloc_fiches_int h1{
width:210px;
font-size:16px;
font-weight:bold;
color:#4a4747;
margin-left:60px;
}

#bloc_techniques_int p{
margin-top:20px;
width:210px;
text-align:justify;
margin-left:60px;

}

#bloc_fiches_int{
float:left;
width:300px;
height:201px;
background:url(images/bg_fiches.png) top left no-repeat;
margin-left:19px;
margin-top:20px;
padding-top:10px;

}

#bloc_fiches_int p{
margin-top:20px;
width:210px;
text-align:justify;
margin-left:60px;
}


/*pages realisations*/
#bloc #menu_gauche{
width:305px;
float:left;
/*height:200px;*/
margin-left:21px;
padding-top:50px;

}

#bloc #menu_gauche #click{
padding-left:5px;
margin-right:20px;
margin-bottom:5px;
font-size:11px;
}

#bloc #menu_gauche ul{
padding-left:30px;
margin-right:20px;
margin-bottom:20px;
color:#645e5e;
font-size:13px;
}

#bloc #menu_gauche ul li{
list-style-image: url("images/puce_menu_gauche.png");
line-height:18px;
}

#bloc #menu_gauche ul li.current{
list-style-image: url("images/puce_menu_gauche_on.png");
}

#bloc #menu_gauche ul li a{
color:#645e5e;
}

#bloc #menu_gauche ul li a:hover, #bloc #menu_gauche ul li.current a{
color:#cd2c18;
text-decoration:none;
}


#bloc #bloc_droite{
width:635px;
float:left;
}

#bloc #bloc_droite  #texte_st{
/**/
/*background:url(images/bg_text_mil_st.png) top left repeat-y;*/
width:615px;
overflow:hidden;
background-color:#f5f5f5;
}

#bloc #bloc_droite  #texte_st_mil{
position:relative;
/*width:620px;*/
background:url(images/bg_text_st.png) top left no-repeat;
padding-left:30px;

}
#bloc #bloc_droite  #texte_st_mil p{
padding-top:30px;
padding-left:0px;
padding-right:90px;
padding-bottom:10px;
/*width:490px;*/
/*color:#ffffff;*/
font-size:12px;
}

#bloc #bloc_droite  #texte_st_bas{
/*background:url(images/bg_text_bas_st.png) bottom left no-repeat;*/
/*background:url(images/bg_text_mil_st.png) bottom left no-repeat;*/
background-color:#f5f5f5;
width:615px;
height:16px;
}

#bloc #bloc_droite  #texte_type, #bloc #bloc_droite dl, #bloc #bloc_droite  #bloc_offres{
background:url(images/bg_texte_type.png) top left repeat-x;
width:620px;
margin-left:8px;
padding-left:15px;
padding-bottom:10px;
overflow:hidden;
}

#bloc #bloc_droite  #texte_type h2,  #bloc_offres h2{
color:#d21719;
font-size:18px;
/*margin-left:20px;*/
margin-bottom:10px;
padding-top:8px;
}

#bloc #bloc_droite  #texte_type p{
/*width:520px;*/
/*margin-left:20px;*/
padding-bottom:20px;
padding-right:20px;
}

ul#conseils{
list-style-image:url(images/fleche_rouge.png);
margin-left:90px;
margin-right:30px;
}

ul#conseils li, ul#prestations li{
margin-bottom:5px;

}

ul#prestations{
width:300px;
list-style-image:url(images/fleche_rouge.png);
padding-left:20px;

padding-right:15px;
font-weight:bold;
}

ul#prestations li ul{
list-style-image:none;
list-style-type:disc;
margin-left:25px;
margin-top:5px;
font-weight:normal;
}

.float_r{
float:right;
margin-right:5px;
margin-left:5px;
}

#bloc #bloc_droite dt, #bloc #bloc_droite dd{
padding-right:20px;
}

#bloc #bloc_droite dl dt{
margin-top:10px;
}

#bloc #bloc_droite  #bloc_offres{
width:590px;
}

#bloc_offres h3{
text-decoration:underline;
margin-top:8px;
}

#bloc_offres .offre{
border-bottom: 1px dotted #d21719;
padding-bottom:5px;
padding-top:5px;
width:575px;
}

#bloc_entreprise{
overflow:hidden;
}


#bloc_liste_videos{
position:relative;
margin-top:10px;
margin-left:8px;
overflow:hidden;

}

#bloc_liste_videos #recherche{
margin-left:5px;
margin-bottom:10px;
float:left;
width:300px;
}

#bloc_liste_videos h2{
font-size:14px;
color:#9a0002;
margin-bottom:5px;
}

#liste_videos, #liste_videos_e{
clear:both;
}

#bloc_liste_videos .video{
float:left;
width:304px;
height:160px;
border:1px solid #c0b9b9;
margin-right:5px;
margin-bottom:5px;
overflow:hidden;
text-align:left;
}

#bloc_liste_videos .video .gauche, #bloc_liste_videos .video .droite{
float:left;
width:120px;
margin:5px;
}

#bloc_liste_videos .video .droite{
width:160px;
text-align:left;
font-size:11px;
}


#bloc_liste_videos .video .droite .nom_client{
text-align:left;
font-weight:bold;
}

#bloc_liste_videos .video .droite h2{
font-size:11px;
color:#9a0002;
text-align:left;
}

.budget{
margin-top:3px;
}

.info-bulle-contenu{
display: none;
position: absolute;
padding: 6px;
padding-left: 12px;
padding-right: 12px;
white-space: nowrap;
background: white;
color:#9a0002;
border: 1px solid #9a0002;
border-left: 4px solid #9a0002;
}


.bouton_submit{
color:white;
font-weight:bold;
background-color:#9a0002;
cursor:pointer;
}

.paginator2 {
color:#ffffff;
text-align:right;
overflow:hidden;
padding-top:23px;
margin-left:20px;
margin-bottom:5px;
}

#bloc_pagination .paginator2 a{
display:block;
float:left;
  height:20px;
  line-height:20px;
   width:20px;
   margin:0;
   padding:0;
   margin-right:3px;
   text-align:center;
  /*padding:7px;
  padding-top:2px;

  margin-right:5px;*/

  background:url(images/bg_pag_active.png) top left no-repeat;

  }

#bloc_pagination .paginator2 a.inactive,#bloc_pagination  .paginator2 a:hover{
  background:url(images/bg_pag_inactive.png) top left no-repeat;
color:#ffffff;
}

#BlockVideo{
float:left;
width:392px;
}

#DescVideo{
padding:0;
margin:0;
margin-left:5px;
float:left;
width:220px;
}

#DescVideo p{
padding:0;
margin:0;
}

#DescVideo  #nom_client{
font-size:13px;
color:#9a0002;
padding-top:5px;
padding-bottom:5px;
}

#DescVideo h3{
font-size:13px;
}

#bloc #bloc_droite #bloc_gris{
background:url(images/bg_bloc_gris.png) top left no-repeat;
width:607px;
padding-top:24px;
}

#bloc #bloc_droite #bloc_gris #bloc_gris_mil{
padding-left:10px;
padding-right:30px;
background:url(images/bg_bloc_gris_mil.png) top left repeat-y;
}

#bloc #bloc_droite #bloc_gris #bloc_gris_mil h1{
font-weight:bold;
color:#8c0102;
margin-bottom:10px;
margin-left:15px;
}

#bloc #bloc_droite #bloc_gris #bloc_gris_mil p{
margin-left:15px;
margin-right:15px;
padding-bottom:5px;
}



#bloc #bloc_droite #bloc_gris  #bloc_gris_bas{
background:url(images/bg_bloc_gris_bas.png) bottom left no-repeat;
width:607px;
height:107px;
}

#petit_bloc_gris{
width:316px;
float:left;
background:url(images/bg_petit_bloc_gris.png) top left no-repeat;
padding-top:11px;

}

#petit_bloc_gris_mil{
padding-left:10px;
padding-right:10px;
background:url(images/bg_petit_bloc_gris_mil.png) top left repeat-y;
height:110px;
padding-bottom:5px;
}

#petit_bloc_gris_mil h1{
font-weight:bold;
color:#8c0102;
margin-bottom:10px;
margin-left:10px;
}

#petit_bloc_gris_mil p{
margin-left:10px;
}

#petit_bloc_gris_bas{
background:url(images/bg_petit_bloc_gris_bas.png) bottom left no-repeat;
width:316px;
height:86px;
}

table.form{
width:550px;
}

table.form td.td1{
width:150px;
/*font-size:12px;*/
font-weight:bold;
}


#footer{
margin:0;
padding:0;
margin-left:19px;
padding-top:10px;
width:975px;
background-color:#ffffff;

}

#footer p{
padding:10px;
text-align:center;
color:#9a9595;
}

#footer #menu_footer{
text-transform:uppercase;
}

#footer a{
color:#9a9595;
text-decoration:none;
}

#footer a:hover{
color:#910002;
}

.message{
background-color:#910002;
color:#ffffff;
padding:5px;
width:415px;
}

#important{
color:#d21719;
font-weight:bold;
padding-right:5px;
}
