/* CSS Document */
*, * html, h1, h2, h3, p, ul, li { margin: 0; padding: 0; list-style: none; }
html {display: block}
body {margin: 0 auto; padding: 0; font: 75% "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000; background: #303030 url(img/site/background-body.jpg) top}
a, a img,:focus {border: 0; outline: 0; }
a { color:#FF3333 }
a:hover {color:#415059}
.shadow {-moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.15)}
h1 {font-weight:normal; margin-bottom: 0.5em; }
h2 {font-weight:normal; margin-bottom: 0.5em; line-height: 1; padding-bottom: 5px; border-bottom: 1px solid white; font-size: 1.2em }
.intro { font-weight: bold; font-size: 1.6em; line-height: 1.4; text-align: center; color: #303030; padding-bottom: 10px; border-bottom: 1px dotted #303030}
#no-wrap {float: left; width: 100%; background: url(img/site/background.jpg) top center no-repeat }
#site-header, #site-main, #site-footer { float: left; width: 100%; display: table; }
#header-container, #main-container, #footer-container {
padding: 0;
width: 980px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#header-container { overflow: hidden; height: 110px; }
#header-container #logo { float: left; width: 100%; height:110px;}
#header-container .menu { float: left; position: absolute; width: 980px;}
.logo { float: left; width: 315px; height: 100px; text-indent: -2000px;}
.logo a { display: block; width: 315px; height: 100px;}
#header-container .menu-wifi { float: left; width: 555px; margin-left: 90px; padding-top: 15px; font-size: 0.9em;}
#header-container .menu-wifi li { position: relative; float: left; list-style: none; margin-right: 10px; font-size: 1.2em; font-weight: normal; letter-spacing: 0.1em;}
#header-container .menu-wifi li a { margin-top: 20px; padding: 20px 5px 10px; text-decoration: none; color: #999; display: block}
#header-container .menu-wifi li a:hover{ padding-top: 18px; color: white; border-top: 2px solid white}
#header-container .menu-wifi li a.active { padding-top: 18px; color: white; border-top: 2px solid white}
#portfolio { float:left; width: 980px; height:220px; overflow: hidden}
#entete { float:left; width: 980px; overflow: hidden}
.site-main { background:transparent; float: left; width: 980px; margin-top: 10px; overflow: hidden}
.menu-gauche { float: left; width: 180px; min-height: 386px; padding: 10px 10px 10px; margin: 0px 15px 0 0; overflow: hidden; font-size: 1em; background: white;}
.menu-gauche h1 { color: black; font-weight: normal; font-size: 1.2em; background-color: #DFE2E7; padding: 5px; margin-bottom: 10px }
.menu-gauche ul { margin-bottom: 10px}
.menu-gauche ul li { margin-bottom: 5px}
.menu-gauche ul li a { text-decoration: none; color: black; padding-left: 10px; display: block; width: 160px; border-left: 10px solid #09F}
.menu-gauche ul li a:hover, .menu-gauche ul li a.active { color: #ff9600; border-left: 10px solid #ff9600 }
.left-container { float: left; width: 180px; padding: 10px 10px 10px; margin: 0px 15px 0 0; overflow: hidden; font-size: 1em; background: white;}
.right-container { float: left; width: 765px;}
.right-container-white { float: left; width: 745px; padding: 10px ; margin: 0px 0 0 0; background: white;}
#cible-container { float: left; width: 770px; padding: 0px; margin: 0; overflow: hidden }
ul.cible { float: left; width: 785px; padding: 0; margin: 0; margin-bottom: 0px; overflow: hidden}
ul.cible li {float: left;width: 225px; padding: 10px; margin-right: 15px; margin-bottom: 15px; background: white ; overflow:hidden; -moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.15) }
h2.titre-cible { position: absolute; width: 185px; padding: 10px; text-align: center; margin-top: 10px; margin-left: 10px; font-size: 1.2em; font-weight: normal; background: url(img/transparent.png); display: block; z-index: 1000; cursor: pointer}
.img_holder { float:left; width:225px; height: 190px; background: white url(img/backgrounds/loading.html) 50% no-repeat; overflow: hidden }
ul.gallery li { float: left; width: 225px; height: 175px; overflow: hidden}
ul.gallery li a.thumb { width: 225px; /*--Width of image--*/ height: 175px; /*--Height of image--*/ /*border-bottom: 1px solid #ccc;*/ cursor: pointer; }
ul.gallery li span { /*--Used to crop image--*/ width: 225px; height: 175px; overflow: hidden; display: block; }
ul.gallery li a.thumb:hover { background: #333; /*--Hover effect for browser with js turned off--*/ }
ul.gallery li a {text-decoration: none; color: #777; display: block;}
.boxgrid { position: relative; width: 225px; height: 175px; overflow: hidden;}
.boxcaption{ float: left; position: absolute; background: white; height: 80px; width: 100%; opacity: .9;
/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.captionfull .boxcaption { top: 308px; left: 0;}
.captionfull .boxcaption h3 a { text-align: center; color: #FF9900; padding: 5px 0; display: block; width: 225px; height: 175px; font-size: 12px }
.main-left { float: left; width: 485px; min-height: 480px; padding: 10px; margin: 0 10px 0 0; background: white; }
.main-right { float: right; width: 485px; padding: 10px; margin: 0 0 0 0px; background: white; }
.division-main-div { float: left; width: 455px; padding: 15px; margin: 0 0px 15px 0;background: #DFE2E7; }
/**Références */
#logos-container { float: left; width: 980px; padding: 0px; margin: 10px 0 0 0; overflow: hidden }
ul.logos { float: left; width: 996px; padding: 0; margin: 0; overflow: hidden}
ul.logos li {float: left;width: 225px; padding: 6px; margin-right: 11px; margin-bottom: 0px; background: white; overflow:hidden; -moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.15)}
.main-div { float: left; width: 465px; padding: 10px 10px 0; margin: 0px 0 10px 0; background: white; -moz-box-shadow: 5px 5px 1px rgba(0,0,0,0.15)}
ul.liste{ padding-left: 20px; border-left: 1px dotted #CCC}
ul.liste li{ margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #CCC}
/*Cibles*/
.division { width: 345px; padding: 10px; margin: 0 ; background: #DFE2E7;-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.15) }
.division-gauche { float: left; width: 355px; padding: 5px; margin: 0 15px 15px 0; }
.division-droite { float: left; width: 355px; padding: 5px; margin: 0 0px 15px 0; }
#footer-container { margin: 0 auto; padding: 5px 0; width: 980px; color: #666; text-align: center; font-size: 0.9em; border-top: 1px solid #666; margin-top: 10px/* background: url(img/backgrounds/trait.png) top center no-repeat*/}
#footer-container a { color: #666}
#footer-container a:hover{ color: #FF3333}
#footer-container .titre-web { float: left; width: 980px; font-size: 1.4em; letter-spacing: 0.18em}
#footer-container .sous-titre-web { float: left; width: 980px; margin-bottom: 20px; font-size: 1.2em;}