/* Generated by Font Squirrel (http://www.fontsquirrel.com) on September 17, 2012 */
@font-face {
    font-family: 'myriad_pro_condbold';
    src: url('../fonts/myriadpro-boldcond-webfont.eot');
    src: url('../fonts/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/myriadpro-boldcond-webfont.woff') format('woff'),
         url('../fonts/myriadpro-boldcond-webfont.ttf') format('truetype'),
         url('../fonts/myriadpro-boldcond-webfont.svg#myriad_pro_condbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




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

body{
background-color:#2f143a;
font-family: Times New Roman, Georgia, serif;
font-size:14px;
color:#2f143a;
}
#ONGLET_left{
width:179px;
height:180px;
background:url(../img/onglet_gauche.png) no-repeat top left;
position:absolute;
top:0px;
left:0px;
z-index:10;
}
#ONGLET_right{
width:183px;
height:184px;
/*background:url(../img/onglet_droit.png) no-repeat top right;*/
/*et oui, faut intégrer en img pour avoirle lien.*/
position:absolute;
top:0px;
right:0px;
z-index:11;
}
#HEADER{
width:100%;
clear:both;
/*height:248px;*/
height:55px;
background:url(../img/header_bandeau.jpg) no-repeat center top;
padding-top:193px;
}
#HEADER .titre{
font-family: 'myriad_webregular';
color:#ffdbef;
text-align:center;
font-size:25px;
}
#HEADER .soustitre{
font-family: 'myriad_webregular';
color:#ffdbef;
text-align:center;
font-size:15px;
}
.separation_header_body{
width:100%;
clear:both;
height:2px;
background:url(../img/pointilles_pixels.jpg) repeat-x top left;
}
#MENU{
width:915px;
margin-left:auto;
margin-right:auto;
height:68px;
font-size:18px;
font-weight:bold;
clear:both;
}
#MENU a{
color:#f3adc9;
float:right;
margin-top:25px;
}
#CORPS{
/*width:915px;*/
width:855px;
background-color:#e8e5e9;
margin-left:auto;
margin-right:auto;
/*height:auto;*/
height:410px;
clear:both;
padding:30px;
}
#CORPS_services{
width:915px;
/*background-color:#e8e5e9;*/
margin-left:auto;
margin-right:auto;
height:auto;
clear:both;
position:relative;

}
#MENU_services{
width:160px;
height:auto;
float:left;
margin-top:130px;
}

#MENU_services .btn_actif{
/*background: url(../img/services_onglet_actif.jpg) no-repeat top left;*/
background-color:#e8e5e9;
width:160px;
height:76px;
float:left;
clear:both;
color:#ead1f2;
font-weight:bold;
text-align:center;
font-size:16px;
}

#MENU_services .btn_actif a{
color:#ead1f2;
}
#MENU_services .btn_actif a:hover{
color:#2f143a;
}

#MENU_services .label{
position:relative;
z-index:40;
top : -60px;
}
#SERVICES{
background-color:#e8e5e9;
/*width:753px;*/
width:693px;
float:left;
height:auto;
padding:30px;
text-align:justify;
line-height:15px;
margin-bottom:-50px;
position:relative;
z-index:5;
}
.titrerub{
font-size:25px;
float:right;
/*text-align:right;*/
text-align:left;
width:100%;
margin-bottom:20px;
clear:both;

font-weight:bold;
}
#SERVICES ul{
  margin-left:30px;
}
#imgset{
text-align:justify;
}
#imgset img{
width:120px;
height:120px;
margin-top:8px;
border:5px solid #2f143a; 
}
#SERVICES .separateur{
border-bottom:1px dotted #b3b0b5;
width:100%;
height:1px;
margin-top:15px;
margin-bottom:20px;

}
#EDITO{
width:475px;
height:auto;
text-align:justify;
line-height:17px;
float:left;
}
#EDITO_img{
/*width:340px;
height:380px;*/
width:304px;
height:344px;
background-color:#2f143a;
float:right;
/*margin-right:20px;*/
border:18px solid #2f143a;
}
#EDITO a{
color:#2f143a;
}
#EDITO a:hover{
text-decoration:underline;
}
#FOOTER_ombre{
background: url(../img/body_bgpixel_bas.jpg) repeat-x left bottom;
width:100%;
clear:both;
text-align:center;
height:109px;
position:relative;
z-index:15;
margin-top:-50px;
}
#FOOTER_separation{
background: url(../img/pointilles_pixels_2.jpg) repeat-x left bottom;
width:100%;
clear:both;
text-align:center;
height:2px;
}
#FOOTER{
width:100%;
clear:both;
min-height:271px;
background: url(../img/footer_pixel.jpg) repeat-x top left;
}
#FOOTER .row1{
width:915px;
margin-left:auto;
margin-right:auto;
font-size:18px;
font-weight:bold;
clear:both;
height:58px;
}
#FOOTER .row1 a{
color:#492f46;
}
#FOOTER .row1 a:hover{
text-decoration:underline;
}
#FOOTER .row2{
width:915px;
margin-left:auto;
margin-right:auto;
font-size:18px;
font-weight:bold;
clear:both;
height:auto;

}
#FOOTER .col1{
width:150px;
float:left;
padding-left:10px;
padding-right:10px;
border-right:1px solid #2d2532;
border-left:1px solid #040205;           
min-height:155px;
text-align:center;
margin-top:20px;
}
#FOOTER .col1 .titre{
color:#f3adc9;
/*margin-left:15px;*/
}
#FOOTER ul{
margin-left:25px;
color:#755864;
font-size:12px;
font-weight:normal;
text-align:left;
font-style:italic;
}
#FOOTER ul a{
color:#755864;
} 
#FOOTER ul a:hover{
color:#755864;
text-decoration:underline;
} 

#FOOTER .col1 .row1{
width:80%;
height:25px;
padding-top:15px;
padding-bottom:15px;
border-top: 1px solid #2d2532;
border-bottom:1px solid #040205;
}
#FOOTER .col2{
text-align:center;
background:url(../img/footer_patch.png) no-repeat center top;
/*width:347px;
height:175px;*/
width:198px;
height:148px;
float:right;
padding-left:75px;
padding-right:75px;
padding-top:37px;
line-height:17px;
}
.nom{
font-size:20px;
font-weight:bold;
}
.adresse{
font-size:15px;
font-weight:normal;
}
.mail{
font-weight:bold;
font-style:italic;
font-size:17px;
}
.partenaire_row{
width:100%;
height:auto;
float:left;
clear:both;
margin-bottom:20px;
margin-top:20px;
}
.partenaire_infos{
Width:50%;
float:left;
}
.partenaire_img{
float:right;
width:205px;
height:72px;
border: 1px solid #2f143a;
}
/***************************************************************************************************/
/*****************************************FICHIER DE STYLES CSS**********************************************/
/*remise à zéro de tous les margins*/
html, body{
width:100%;
height:100%;
/*overflow: hidden;*/
/*font-size:13px;
color:black;*/
}
* {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	border: 0px;
}
/*au cas où il aurait pas compris, on lui remet une couche (même chose)*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*on continue*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: disc;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*on enlève la bordure des images*/
img {
	border: 0;
}
/*gestion des couleurs de liens*/
a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
/* lien non-visité */
a:visited {
	color: #000000;
}
/* lien visité */
a:hover {
	color: #000000;
}
/* lien survolé */
a:active {
	color: #000000;
}
/* lien activé */
/*************************************fin des GENERALITES et remises à zéro******************************************/
/*************************************fin des GENERALITES et remises à zéro******************************************/