/**
 * Theme Name: Com'on
 * Version: 1.0
 * Description: Theme du site de Com'on
 * Author: Antoine LEHURT
 * Auhtor URI: http://comon-online.com/
 */ 
html,body{width:100%;height:100%;}
body{font-family:Verdana, sans-serif;background-color:#000;}
.titre{text-indent:-9999px;margin:0 auto;}
.decoItalic{text-decoration:underline;font-style:italic;font-weight:700;}
.facebookPageLink{width:190px;height:57px;display:block;margin:0 auto;}
#page{min-width:1046px;background:url(images/display/background.jpg) scroll 50% 0 no-repeat #000;min-height:1140px;}
#pageBody{width:1046px;margin:0 auto;}
.overflow{overflow:hidden;width:1046px;}
#header,#main,#menuNav{float:left;width:100%;}
#header{background:url(images/display/logo.png) 0 0 no-repeat;height:203px;width:1046px;}
#header h1{display:none;}
#menuNav{background:url(images/display/menu_background.png) 0 0 no-repeat;height:109px;width:1046px;}
#menuNav ul{display:block;position:relative;left:120px;top:-5px;}
#menuNav ul li{float:left;margin-right:20px;}
#menuNav ul li a{height:61px;text-indent:-9999px;display:block;background:url(images/display/menu_onglet.png) no-repeat;}
#menuNav #news a{background-position:0 bottom;width:50px;}
#menuNav #medias a{background-position:-62px bottom;width:65px;}
#menuNav #design a{background-position:-137px bottom;width:64px;}
#menuNav #events a{background-position:-217px bottom;width:71px;}
#menuNav #references a{background-position:-300px bottom;width:104px;}
#menuNav #contact a{background-position:-421px bottom;width:81px;}
#menuNav #liens a{background-position:-519px bottom;width:53px;}
#menuNav #pack a{background-position:-591px bottom;width:205px;}
#menuNav #news a:hover{background-position:0 top;}
#menuNav #medias a:hover{background-position:-62px top;}
#menuNav #design a:hover{background-position:-137px top;}
#menuNav #events a:hover{background-position:-217px top;}
#menuNav #references a:hover{background-position:-300px top;}
#menuNav #contact a:hover{background-position:-421px top;}
#menuNav #liens a:hover{background-position:-519px top;}
#menuNav #pack a:hover{background-position:-591px top;}
#main{background:url(images/display/content_background.png) 0 0 repeat-y;width:936px;min-height:800px;text-align:justify;padding:0 50px 90px 60px;}
#leftcolumn{float:left;width:205px;}
#leftcolumn .banniere196{padding-left:3px;}
#rightcolumn{float:right;width:700px;font-size:12px;}
.post{border-bottom:1px dotted #000;padding-bottom:10px;margin:10px 0 20px;}
.post .vignette{float:left;margin-right:10px;border:1px solid #000;width:200px;height:150px;}
.post .postMain p{line-height:1.3em;margin-top:15px;}
.post .postMain strong{font-weight:700;}
.post .postMain em{font-style:italic;}
.post h2{font-size:16px;font-weight:700;margin:5px 0;}
.post h2 a{color:#000;}
.post h3{font-size:14px;font-weight:700;}
.post .readMore{display:block;color:red;font-style:italic;margin-top:10px;text-decoration:underline;}
.post .postFooter{margin-top:17px;}
.post .postFooter .separation{margin:0 5px;}
#media h2{background:url(images/content/media_logo.jpg) 0 0 no-repeat;width:221px;height:65px;margin-bottom:50px !important;}
#media #communique h3{background:url(images/content/media_titre_com_presse.jpg) 158px 0 no-repeat;}
#media #dossier h3{background:url(images/content/media_titre_dossier_presse.jpg) 158px 0 no-repeat;}
#media #plaquette h3{background:url(images/content/media_titre_plaquette.jpg) 158px 0 no-repeat;}
#design h2{background:url(images/content/design_logo.jpg) 0 0 no-repeat;width:229px;height:96px;margin-bottom:10px !important;}
#design #logo h3{background:url(images/content/design_titre_logo.jpg) 156px 0 no-repeat;}
#design #deco h3{background:url(images/content/design_titre_deco.jpg) 156px 0 no-repeat;}
#design #web h3{background:url(images/content/design_titre_web.jpg) 156px 0 no-repeat;}
#events h2{background:url(images/content/events_logo.jpg) 0 0 no-repeat;width:247px;height:81px;margin-bottom:50px !important;}
#events #encadrement h3{background:url(images/content/events_titre_encadrement.jpg) 158px 0 no-repeat;}
#events #organisation h3{background:url(images/content/events_titre_organisation.jpg) 158px 0 no-repeat;}
.information .descriptif:not(last){margin-bottom:95px;}
.information .descriptif img{float:left;margin-right:20px;border:1px solid #000;}
.information .descriptif p{margin-bottom:1.3em;}
.information .descriptif h3{text-indent:-9999px;margin-bottom:1.3em;width:100%;height:20px;}
#reference h2{background:url(images/content/reference_logo.jpg) 0 0 no-repeat;width:300px;height:101px;margin-bottom:50px;}
#reference ul{padding-top:15px;border-top:3px dotted #dbdbdb;}
#reference ul li{padding-bottom:15px;margin-bottom:15px;border-bottom:3px dotted #dbdbdb;}
#reference ul li p.light{float:right;}
#reference ul li p.descriptif{line-height:22px;width:310px;margin:0 0 0 36px;}
#reference ul li a img{border:4px solid #dbdbdb;}
#liens h2{background:url(images/content/liens_logo.jpg) 0 0 no-repeat;width:298px;height:79px;margin-bottom:30px;}
#liens .facebookPageLink{margin-bottom:40px;}
#liens h3.clients{background:url(images/content/liens_titre_clients.jpg) 0 0 no-repeat;width:72px;height:21px;margin-bottom:10px;}
#liens h3.partenaires{background:url(images/content/liens_titre_partenaires.jpg) 0 0 no-repeat;width:122px;height:21px;margin-bottom:10px;}
#liens ul{margin-bottom:30px;}
#liens ul li p,#liens ul li a{float:left;line-height:22px;}
#liens ul li p{width:350px;}
#liens ul li a{font-weight:700;font-style:italic;}
.packs h2{background:url(images/content/packs_motorsport_logo.jpg) 0 0 no-repeat;width:507px;height:82px;margin-bottom:60px;}
.packs #listePacks{width:645px;display:inline-block;margin:0 auto 30px;}
.packs #listePacks li{float:left;margin-left:45px;}
.packs h3#carte{background:url(images/content/packs_motorsport_titre_carte.jpg) 0 0 no-repeat;width:204px;height:30px;margin:0 auto 20px;}
.packs h3#goodies{background:url(images/content/packs_motorsport_titre_goodies.jpg) 0 0 no-repeat;width:537px;height:54px;margin:30px auto 20px;}
.packs h4{font-size:14px;font-style:italic;font-weight:700;text-decoration:underline;margin-top:25px;}
.packs h4 small{font-weight:400;font-size:12px !important;}
.packs .listePrix{margin-bottom:10px;}
.packs .listePrix li{clear:both;padding-bottom:15px;line-height:20px;}
.packs .listePrix li .prix{float:right;font-weight:700;}
.packs .listePrix li .pointille{border-bottom:1px dotted #000;display:block;height:13px;float:left;}
.packs table{border:1px solid #000;border-collapse:collapse;width:520px;margin:10px auto;}
.packs table tr{border:1px solid #000;width:33%;}
.packs table tr th,.packs tr td{border:1px solid #000;width:33%;text-align:center;padding:3px;}
.packs table tr th{font-weight:700;}
.packs .presentation{width:600px;}
.packs .presentation img{float:left;position:relative;}
.packs .presentation img.vignette{z-index:10;}
.packs .presentation img.illustration{border:1px solid #000;left:-11px;z-index:7;}
.packs .presentation img.ecusson{left:-60px;top:90px;z-index:8;}
.packs ul.listEnum{margin:10px 0;}
.packs ul.listEnum li:before{content:"\2014\0020 ";}
.packs ul.listEnum li{margin-bottom:10px;}
.packs #packPrix{font-size:10px;margin:30px 0;}
#packSport h3.titre{background:url(images/content/pack_sport_titre.jpg) 0 0 no-repeat;width:230px;height:36px;}
#packSport h3 ~ p{width:230px;margin-top:-7px;font-style:italic;margin-bottom:20px;}
#packInternational h3.titre{background:url(images/content/pack_international_titre.jpg) 0 0 no-repeat;width:378px;height:28px;}
#packInternational h3 ~ p{width:378px;font-style:italic;margin-bottom:20px;}
#packChallenger h3.titre{background:url(images/content/pack_challenger_titre.jpg) 0 0 no-repeat;width:378px;height:36px;}
#packChallenger h3 ~ p{width:378px;font-style:italic;margin-top:-7px;margin-bottom:20px;}
#leftcolumn ul li{margin-bottom:25px;}
#reference ul li img,#reference ul li p,#reference ul li a,.packs .listePrix .item{float:left;}
#contactBloc h2{background:url(images/content/contact_logo.jpg) 0 0 no-repeat;width:313px;height:124px;margin-bottom:30px;}
#contactBloc .wpcf7 p{margin-bottom:7px;font-style:italic;}
#contactBloc .wpcf7 input[type="text"],#contactBloc .wpcf7 textarea{background-color:#fff;border:1px solid #d6d6d6;font-size:14px;width:450px;padding:3px;}#comments{margin-top:7px;}
#comments .navComments .suivant{float:right;}
#comments .commentaire{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #cfcfcf;}
#comments .commentaire h4 a{font-weight:700;}
#comments .commentaire h4 p{font-size:10px;line-height:16px;}
#postComment{background-color:#cfcfcf;padding:15px 20px;}
#postComment h3{font-size:14px;font-weight:700;font-style:italic;margin-bottom:10px;}
#postComment form label{display:block;margin-bottom:10px;}
#postComment form label input{width:300px;border:none;padding:4px;}
#postComment form textarea{width:99%;border:none;padding:4px;}
#postComment input[type="submit"]{margin-top:15px;}
#comments .navComments .precedent,#comments .commentaire h4 a,#comments .commentaire h4 p{float:left;}
#error404{margin-top:25px;}
#error404 h2{font-size:16px;font-weight:700;}
#footer{background:url(images/display/footer.png) 0 0 no-repeat;width:1032px;height:35px;text-align:center;color:#fff;position:relative;top:-35px;padding-top:40px;}
#footer p{margin-top:15px;font-size:12px;}
.lienext{text-decoration:underline;}

