/*-------------------------------------------------------------------------------- 
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*              @Navigation
/*              @Formulaires    
/*          =AJOUT
-------------------------------------------------------------------------------- */

/*-------------------------------------------------------------------------------- 
          =BALISES
-------------------------------------------------------------------------------- */
 
html, body {
	font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
}
 
body {
	font: 0.625em/1.1em "Trebuchet MS", helvetica, sans-serif;
    text-align: left;
    background: url(../img/fond-header-menu.png) repeat-x;
}
 
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font: 1.8em/1em "Trebuchet MS", helvetica, sans-serif;
}
 
h2 {
    font: 1.6em/1em "Trebuchet MS", helvetica, sans-serif;
}
 
h3 {
    font: 1.4em/1em "Trebuchet MS", helvetica, sans-serif;
}

h4 {
    font: 1.2em/1em "Trebuchet MS", helvetica, sans-serif;
}
 
h5 {
    font: 1.1em/1em "Trebuchet MS", helvetica, sans-serif;
}
 
h6 {
    font: 1em/1em "Trebuchet MS", helvetica, sans-serif;
}

p {
    font: 1.1em/1.1em "Trebuchet MS", helvetica, sans-serif;
    padding: 0;
    margin: 0;
}
 
ul, ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

a.assures {
    text-decoration: none;
    color: #d33a4d;
}

a {
    text-decoration: none;
    color: #838383;
}
 
a:hover, a:focus {
    text-decoration: underline;
    color: #d33a4d;
}
 
img {
    border: 0;
}
 
hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-bottom: 1px solid #000;
    margin: 0;
}
 
form {
    padding: 0;
    margin: 0;
}
 
textarea {
    line-height: 1.25;
}
 
label {
    cursor: pointer;
}
 
table {
    padding: 0;
    border: 0;
    margin: 0;
    border-collapse: collapse;
}
 
th, td {
    padding: 0;
}
 
blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em "Trebuchet MS", helvetica, sans-serif;
}
 
kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}
 
sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}
 
sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}
 
acronym, abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*-------------------------------------------------------------------------------- 
          =STRUCTURE
-------------------------------------------------------------------------------- */
 
#site  {
    width: 982px;
    margin: 0 auto;
    padding:0 4px;
    background: url(../img/fond.png) repeat-y;
    /*
    height: 100%;*/
}


/*          @Entête          
---------------------------------------- */

#header {
    text-align: center;
    height: 100px;
    width: 982px;
    margin: 0 auto;
    padding:0 4px;
    background: url(../img/fond-header.png) repeat-x #fcfcfc;
}

#header img {
    margin: 10px 0 0 0;
}

/*          @Conteneur          
---------------------------------------- */

#menu {
    height: 37px;
    color: #c8c8c8;
    width: 982px;
    margin: 0 auto;
    padding:0 4px;
    background: url(../img/fond-header-menu.png) repeat-x left bottom #fcfcfc;
}

#menu .langues {
    float: right;
    padding: 10px 16px 10px 0;
    font-size: 1.1em;
}

#menu .rubriques {
    font-family: georgia, sans-serif;
    text-transform: uppercase;
    font-size: 1.2em;
    padding: 10px 0 10px 18px;
    word-spacing: 3px;
}
 
#container {
    background: url(../img/bordure-degrade-bas.png) repeat-x left 387px #ffffff;
}
 
#content {
    background: url(../img/photo-fond-1.jpg) no-repeat left top;
    min-height: 394px; 
    padding: 0 0 0 16px;
}

.actu #content {background: url(../img/photo-fond-2.jpg) no-repeat left top;}
.contenu #content {background: url(../img/photo-fond-4.jpg) no-repeat left top;}
.contenu2 #content {background: url(../img/photo-fond-3.jpg) no-repeat left top;}

#blocOnglets {
    margin: 0 0 20px 0;
    height: 34px;
}

#blocOnglets a {
    display: block;
    background: #e0041f;
    height: 30px;
    min-width: 110px;
    margin: 0 5px;
    color: #000000;
    font-family: "Trebuchet MS", helvetica, sans-serif;
    font-size: 1.3em;
    line-height: 1.1em;
    padding: 0 10px 4px 0;
}

#blocOnglets a:hover, #blocOnglets a.current {
    color: #ffffff;
    text-decoration: none;
}

#blocOnglets .ongletGauche {
    background: url(../img/fond-gauche-onglet.png) no-repeat left top;
    float: left;
    margin: 0 10px 0 0;
}

#blocOnglets .ongletDroit {
    background: url(../img/fond-droit-onglet.png) no-repeat right top;
}

#content .contenu {
    width: 435px;
    background: url(../img/fond-opacite.png) repeat left top;
    padding: 10px 20px;
    margin: 0 0 10px 0;
}

#content .contenu p {
    color: #3e3e3e;
    font-size: 1.3em;
    line-height: 1.2em;
    margin: 0 0 10px 0;
}

#content .contenu p.edito {
    line-height: 1.6em;
    margin: 0;
}

#content h1 {
    color: #7f7f7f;
    font-family: georgia, sans-serif;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

#content h1.souligne {
    border-bottom: 1px solid #d33a4d;
    padding: 0 0 5px 0;
}

#content .contenu p.actu {
    margin: 0;
}

#content .contenu p.actu a {
    color: #3e3e3e;
}

#content .contenu p.actu span {
    color: #ed0825;
    font-size: 0.9em;
}

#content .contenu .plus {
    background: url(../img/bordure-rouge.png) repeat-x 0px 3px;
    width: 422px;
    height: 7px;
    text-align: right;
    margin: 5px 0;
}

#content .contenu .plus img {
    display: block;
    float: right;
}

#content .contenu .rectangle {
    margin: 45px 0 0 0;
    text-align: left;
}

#content .contenu .rectangle a {
    font-size: 1.2em;
    color: #ed0825;
    display: block;
    width: 82px;
    margin: 0 0 0 300px;
    padding: 0 0 11px 0;
    position: relative;
    top: -25px;
}
#content .contenu .rectangle a:hover {
    border-bottom: 6px solid #ed0825;
    padding: 0 0 5px 0;
}

#content .contenu .rectangle a:hover {
    text-decoration: none;
}

#content .contenu .blocActu {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #d33a4d;
}

#content .contenu .blocActu .imgActu {
    width: 80px;
    text-align: center;
    float: left;
    padding: 2px 0 0 0;
}

#content .contenu .blocActu .actu {
    float: right;
    width: 345px;
}

#content .contenu .blocActu  h3 {
    font-size: 1.4em;
    margin: 0 0 10px 0;
}

#content .contenu .blocActu  span {
    font-size: 0.85em;
    color: #ed0825;
}

#content .contenu p.chapeau {
    font-style: italic;
    border-top: 1px solid #d33a4d;
    border-bottom: 1px solid #d33a4d;
    font-size: 1.3em;
    padding: 5px 0;
}

#content .contenu .separation {
    border-top: 1px solid #d33a4d;
	padding: 5px 0;
}

#content .contenu p.pictoFleche {
    background: url(../img/picto-fleche.png) no-repeat left 2px;
    text-indent: 10px;
}

#content .contenu p em {
    color: #ed0825;
}

#content h3 {
    color: #3e3e3e;
    margin: 0 0 5px 0;
}


/*          @Pied de page          
---------------------------------------- */
 
#footer {
    text-align: center;
    margin: 20px 0 0 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
    color: #575757;
    font-size: 1.1em;
    line-height: 1.4em;
}

#footer span {
    color: #ed0825;
}


/*-------------------------------------------------------------------------------- 
          =CLASSES
-------------------------------------------------------------------------------- */
 
.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }
 
.bold { font-weight: bold; }
.italic { font-style: italic; }
 
.floatLeft { float: left; }
.floatRight { float: right; }
 
.imgLeft { float: left; margin: 0 5em 1em 0; }
.imgRight { float: right; margin: 0 0 1em 5em; }
  
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.succes {font-weight:bold;color:#5eb035;}
.echec {font-weight:bold;color:#ff0000;}
 
/*-------------------------------------------------------------------------------- 
          =MODULES
-------------------------------------------------------------------------------- */
 



/*          @Formulaires          
---------------------------------------- */

	/***** contact *****/
	#form_contact {margin-top:30px;}
	#form_contact p {padding:0;margin:5px;}
	#form_contact label {float:left;width:120px;text-align:left;margin:0;cursor:pointer;padding:0 .5em 0 0;line-height:1.8;}
	#form_contact label:hover {cursor:pointer;}
	#form_contact .focus {width:250px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_contact .focus2 {width:150px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_contact .focus3 {width:80px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_contact .normal {width:250px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_contact .normal2 {width:150px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_contact .normal3 {width:80px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_contact .bouton{width:auto;background-color:#d33a4d;font-size:11px;color:#fff;border:1px solid #000;cursor:pointer;height:18px;padding:0;}
	#form_contact textarea {font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;padding:2px;height:120px;}
	#form_contact input {font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;height:14px;padding:2px;}
	#form_contact select {width:255px;font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;height:20px;padding:2px;border:1px solid #d33a4d;}



	/***** devis *****/
	#form_devis table td {padding:2px;font-size:12px;line-height:13px;}
	#form_devis table td.label {width:100px;}
	
	#form_devis p {padding:0;margin:0;}
	#form_devis label {line-height:1.8;font-size:12px;color:#3e3e3e;}
	#form_devis label:hover {cursor:pointer;}
	
	#form_devis .focus {width:280px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_devis .focus2 {width:150px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_devis .focus3 {width:80px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	#form_devis .focus4 {width:50px;background:#e2e8f9;color:#000;border:1px solid #d33a4d;}
	
	#form_devis .normal {width:280px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_devis .normal2 {width:150px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_devis .normal3 {width:80px;background:#fff;color:#000;border:1px solid #d33a4d;}
	#form_devis .normal4 {width:50px;background:#fff;color:#000;border:1px solid #d33a4d;}
	
	#form_devis .obligatoire{background:#ffcfcf;}
	
	#form_devis .bouton{width:auto;background-color:#d33a4d;font-size:11px;color:#fff;border:1px solid #000;cursor:pointer;height:18px;padding:0;}
	#form_devis textarea {font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;padding:2px;height:120px;}
	#form_devis input {font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;height:14px;padding:2px;}
	#form_devis select {width:285px;font-family:"Trebuchet MS", helvetica, sans-serif;font-size:11px;height:20px;padding:2px;border:1px solid #d33a4d;}

	.devis_annuler{font-size:12px;}
	#erreur_devis{font-size:12px;font-weight:bold;color:#e0041f;line-height:13px;}

/*-------------------------------------------------------------------------------- 
          =AJOUT
-------------------------------------------------------------------------------- */

div.Ddetail {display:block;}