/*--- CSS Editions du Partage ---*/
/*--- CSS Design : Yoan Martoglio - Graphiste Freelance - contact@uchronikart.fr ---*/
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*--- STRUCTURE -----------------------------------*/

html, body, #conteneur { font-size: 100%; /* Évite un bug d'IE 6-7.  */ }
body { margin: 0; padding: 0; font-size: 0.8em; line-height: 1.4; color: black; font-family: "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; text-align: justify; color: #666666; background: #ffffff url(../images/fond.png) repeat-x 0 0; }
body.body-court { background: #ffffff url(../images/fond-court.png) repeat-x 0 0; }
img { border: 0px; }
/*-------------------------------------------------*/
#conteneur { width: 100%; margin: 0 auto 0 auto; padding: 0; }
#conteneur_int { margin: 0 auto 0 auto; width: 960px; height: 100%; }
#header { height: 410px; background: url(../images/header_bg.png) no-repeat left top; width: 960px; margin: 0 auto 0 auto; }
body.body-court #header { height: 250px; background: url(../images/header_bg-court.png) no-repeat left top; width: 960px; margin: 0 auto 0 auto; }
#header_haut { }
#header_haut1 { height: 100px; }
#logo { border: 0; display: block; width: 300px; height: 95px; position: relative; top: 5px; left: 20px; }
#header_haut2 { height: 267px; width:950px; position:relative; }
body.body-court #header_haut2 { height: 99px; }
a#header_contact, a:link#header_contact { /*background: transparent url(../images/icone_contact.png) no-repeat 0 0;*/ position:absolute; top:10px; right:3%; color:#999999; font-variant:small-caps; font-size:1.2em;  }
a:hover#header_contact { /*background: transparent url(../images/icone_contact.png) no-repeat 0 100%;*/ }
#corps { width: 960px; height: 100%; overflow: hidden; margin: 5px 0 30px 0; text-align: justify; }
#zone1 { position: static; }
#colonne1, #colonne2 { float: left; width: 450px; text-align:center; }
#zone2 { position: static; padding: 0; clear:both; width:960px; height:360px;}
#zone2 div { float: left; width: 60%; }
#zone2 div:first-child { margin: 0 100px 0 0; width: 250px; }
#zone2 div a { float: left; margin-right:30px; }
#zone2 div p { padding: 0 0 0 270px; }
#zone1 div p, #zone2 div p { padding: 0 15px; }
#conteneur-footer { text-align: left; width: 100%; margin: 0 auto 0 auto; padding: 0; background-color: #252525; }
#conteneur-int-footer { margin: 0 auto 0 auto; width: 950px; height: 100%; }
#footer { width: 950px; height: 100%; border-top-color: #666666; border-top-style: inset; border-top-width: thin; padding: 20px 0 50px 0; background-color: #252525; text-align: justify; }
#footerg, #footerc, #footerd { float: left; width: 300px; margin: 0 5px 50px 5px; }
#footerg, #footerc { border-right-color: #333333; border-right-style: dashed; border-right-width: thin; margin-right: 10px; }
#footer2 { width: 950px; height: 100%; border-top-color: #666666; border-top-style: inset; border-top-width: thin; padding: 20px 0 50px 0; clear:both; }
#footer2 p{ display:inline-block; zoom:1; width:45%; margin-right:20px;}
/*-------------------------------------------------*/
/*-----Boutons NAV --------------------------------*/
/*----- CSS + JQUERY ------------------------------*/
.header_nav { width:950px; margin:0px auto; color:#FFFFFF; font-family:Arial, sans-serif; font-size:20px; font-weight:bold; }
#barrenav { float:left; width:950px; height:33px; font-size:14px; margin:0;/*background: url(../images/barrenav_bg.png) no-repeat 0 0;*/
}
#barrenav ul { float:left; width:950px; /*height:50px;*/
	margin:0 0 0 64px; color:#000000; }
#barrenav ul { background: url(../images/sprite_bg.png) no-repeat 0 0; }
#barrenav ul li { float:left; width:203px; margin:0; height:33px; display: inline; text-align:center; padding: 0; cursor:pointer; }
#barrenav ul li a { display: block; width: 160px; height: 33px; }
/*-------------------------------------------------*/
/*-----Boutons textes --------------------------------*/
a.btn_large, a:link.btn_large, a:visited.btn_large, a:active.btn_large { vertical-align: middle; width: 150px; height: 37px; line-height: 2.85; text-decoration: none; font-size: 13px; text-align: left; padding: 0 15px 0 25px; margin: 0 15px 0 110px; color: #ffffff; background: transparent url(../images/btn_rouge.png) scroll no-repeat left top; display: inline-block; }
a:hover.btn_large { color: #000000; background: transparent url(../images/btn_rouge.png) scroll no-repeat left bottom; }
/*-------------------------------------------------*/
/*-----Detail des cartes --------------------------------*/
.detail { float: left; margin: 75px 50px 75px 0; }
.detail img{ max-width:500px;}
.detail_d { margin: 75px 0 75px 20px; }
.detail_d p { margin: 0 0 15px 0; }
.detail_d a { margin: 0; padding: 0; border: 0; }
.detail_d img { margin: 0; padding: 0; border: 0; }
.font_vert { color: #a8c141; }

.intro {width:40%; display:inline-block; margin-left:50px; vertical-align:middle;}