html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('Nexa_Free_Light-webfont.eot');
    src: url('Nexa_Free_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Nexa_Free_Light-webfont.woff') format('woff'),
         url('Nexa_Free_Light-webfont.ttf') format('truetype'),
         url('Nexa_Free_Light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'nexa_boldregular';
    src: url('Nexa_Free_Bold-webfont.eot');
    src: url('Nexa_Free_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Nexa_Free_Bold-webfont.woff') format('woff'),
         url('Nexa_Free_Bold-webfont.ttf') format('truetype'),
         url('Nexa_Free_Bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
width: 1024px;
margin: 0 auto;

font-family: 'nexa_lightregular';
background-color: #000000;
}


.clear{
clear: both;
}

#general{
/*margin-top: -23px;*/
}
/***********************header**********************/

#header{
background-image: url(../img/base/header.jpg);
width: 1024px;
height:269px;
}

#header_centre a{
display: block;
width:165px;	
height: 188px;
margin: 0 auto;
}




/***********************footer**********************/
#footer{
height: 40px;
width: 964px;
margin: 0 auto;
color: #ffffff;


}

#footer ul {
margin-left: 817px;
}
/***********************navigation**********************/

#menuPrincipal{
color: #d5d5d5;
width: 924px;
margin: 0 auto;
font-weight: lighter;
}

#menuPrincipal li{
margin-top: 11px;
float: left;
}

.mp1{
}
.mp1:hover{
/*border-bottom: 1px solid #e5e5e5;*/
}
.mpOther{
margin-left:44px;
}
.mpOther:hover{
border-bottom: 1px solid #e5e5e5;	
}

.tab_agence{
margin-left:44px;	
}

#menuPrincipal li:hover{
/*diplay: block;
width: 120px;*/

}

#menuPrincipal li:hover a{

}

#menuPrincipal a{
text-decoration: none;
text-transform: uppercase;
font-size: 17px;
color: #fff;
}

#menuPrincipal a:hover{
} 

#menuPrincipal ul li ul{
display:none;
}
 
#menuPrincipal ul li:hover ul {
display:block;

}

#menuPrincipal li:hover ul li {
float:none;
margin: 0;
text-align: left;
position:relative;

z-index: 200;
}

#menuPrincipal li:hover ul li a{
font-size: 10px;

text-align: left;
}
.sous_menu:hover a{
font-family: 'nexa_boldregular';
}

#footer li{
display: block;
width: 100px;
float: right;
height: 20px;
text-align: right;

}

#footer a{
text-decoration: none;
font-size: 12px;
line-height: 20px;
vertical-align: middle;
color: #ffffff;
}


.boutonbook{
display: block;
float: left;
width: 90px;
height: 28px;
line-height: 28px;
background-color: #000000;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}
.boutonbook:hover{
width: 88px;
height: 26px;
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
font-weight: bold;
}

.boutoncv{
display: block;
float: left;
width: 90px;
height: 28px;
margin-left: 15px;
line-height: 28px;
background-color: #000000;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: bold;	
}

.boutoncv:hover{
width: 88px;
height: 26px;
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
font-weight: bold;
}


.boutonback{
display: block;
float: left;
width: 90px;
height: 28px;
margin-left: 15px;
line-height: 28px;
background-color: #000000;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}
.boutonback:hover{
width: 88px;
height: 26px;
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
font-weight: bold;
}

.boutonback2{
display: block;
float: left;
width: 90px;
height: 28px;
line-height: 28px;
background-color: #000000;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
color: #ffffff;
font-weight: bold;
}

.boutonback2:hover{
width: 88px;
height: 26px;
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
font-weight: bold;
}
.boutonclose {
display: block;
margin-top: 5px;
text-decoration: none;
text-transform: uppercase;
text-align: right;
color: #ffffff;
}

/***********************textes**********************/


h1{
display: block;
text-transform: uppercase;
margin-top: 14px;
font-size: 28px;	
}

h2{
text-transform: uppercase;
margin-top: 30px;
font-size: 20px;
}

/***********************blocs**********************/

.wrapper{
min-height:746px;
height:auto !important;
height:746px; 
background-image: url(../img/visuel_body.jpg);
background-repeat: no-repeat;
}

/***********************accueil**********************/

#accueil{
width: 964px;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
}
/***********************actualités**********************/
#actu{
width: 964px;
background-color: #ffffff;
margin-top: 14px;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
}

.actu_box{
width: 764x;
background-color: #ffffff;

padding-bottom: 15px;
padding-top: 1px;
}

.actu_hr{
width: 904px;
margin: 0 auto;
margin-top: 15px;
}


.actu_box h2{
margin-left: 188px;
margin-bottom: 10px;
}

.actu_box p{
margin-top: 10px;
margin-left: 188px;
}

#actu_titre{
margin-left: 30px;

}


.imgactu{
display: block;
margin-left: 188px;
margin-top: 10px;
}

/***********************dossiers**********************/
#contenu_dossier{
width: 964px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
}
#contenu_dossier p{
margin-left: 0px;
}
#contenu_gauche{
width: 316px;
/*min-height:426px;
height:auto !important;*/
height:426px; 
padding: 30px;
float: left;
background-color: #ffffff;
}

#contenu_droite{
width: 588px;
height:472px; 
float: left;
background-color: #ffffff;
padding-top: 14px;
}

#contenu_text{
width: 555px;
height: 355px;
padding-top: 25px;

margin-top: 15px;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size:16px;
}

#contenu_text a{style: none; text-decoration: none; color: #000000;}
/***********************rubrique**********************/
#rubrique{
width: 964px;
background-color: #ffffff;
margin-top: 14px;
margin-left: auto;
margin-right: auto;
padding-top: 1px;
}


.boiterub{
width: 157px;
margin-top: 24px;
margin-left: 30px;
margin-bottom: 10px;
float: left;

}

.imgrub{
border: 1px solid #000000;
}
.boiterubaction{
border: 2px solid #ffffff;	
width: 157px;
height: 157px;
}
.boiterubaction:hover{
border: 2px solid #000000;	
}
/***********************produit**********************/

.produit{
width: 964px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
}

.produit_gauche{
width: 316px;
height: 426px;
padding: 30px;
float: left;
background-color: #ffffff;

}

.produit_droite{
width: 588px;
height: 472px;
float: left;
background-color: #ffffff;
padding-top: 14px;
}

.produit_text{
width: 558px;
height: 355px;
padding-top: 25px;
margin-top: 15px;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size:15px;
line-height: 20px
}

.events{
font-size:16px;
font-style: italic;	
}
.description{
height: 210px;
}

.mozaic{
height: 82px;
position: bottom;
margin-top: 15px;
margin-bottom: 15px;
}

.imgprod{
width: 332px;
}
.vignette{
float: left;
width: 64px;
height: 82px;
/*background-color: #c4c4c4;
border: 1px solid #000000;*/
margin-right: 30px;
}
.vignette2{
float: left;
width: 64px;
height: 82px;
/*background-color: #c4c4c4;
border: 1px solid #000000;*/
margin-let: 6px;
}
/********************credits/mention********************/
#credit{
width: 904px;
height: 400px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
padding: 30px;
}
#credit p{
margin-top: 10px;
}

#credit a{
text-decoration: none;
color: #000000;
}

#credit a:hover{
color: #a2a2a2;
}
/************************************/
#mention{
width: 904px;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
margin-top: 14px;
padding: 30px;
}
#mention span{
font-weight: bold;
}

#mention p{
margin-top: 10px;
}

#mention a{
text-decoration: none;
color: #000000;
}

#mention a:hover{
color: #a2a2a2;
}
/**********************************/ 

.main_titre{
text-align: center;
margin-top: 30px;
}

.main_hr{
width: 944px;
margin: 15px 10px 20px 10px;
}

.video_item{
float: left;
margin-left: 10px;
margin-bottom: 15px;
}

.video_item p{
display: block;
width: 467px;
height: 50px;
background-color: #000;
font-size: 20px;
line-height: 50px;
vertical-align: middle;
text-decoration: none;
color: #fff;
text-align: center;
text-transform: uppercase;
margin-top: -3px;
}

.client_item{
float: left;
margin: 15px 0px 15px 30px;

}

#client_hr{
width: 904px;
margin: 15px 10px 15px 30px;
}