@charset "utf-8";
/* CSS Document */


body{ margin:0; padding:0; text-align:left; background:url(img/body/bg-dynamx.jpg) #1d1f25 top center no-repeat;}
body.pgd{ margin:0; padding:0; text-align:left; background:url(img/body/bg-test-pgd.jpg) #fff top center no-repeat;}

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; font-weight:200; margin:0;}
h2{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#0998d2;  margin:0;}
p{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; line-height:22px; color:#b9bbbf; margin:10px 0; text-align:justify;}

.clear{ clear:both;	}	
.orange{color:#f8b70c;}
.vert{color:#009933;}


#container{ width:900px; height:500px; margin:0 auto; padding:0;}
#container #top{ width:900px; height:132px; margin:0; padding:0; }
#container #topLeft{ width:337px; height:118px; margin:0; padding:14px 0 0 0; float:left;}
#container #topLeft .menu{ margin:0; padding:0; width:128px; list-style:none; float:right;}
#container #topLeft .menu li { padding:0; margin:0;	height:32px; float:left; list-style:none;}
#container #topLeft .menu li a, .menu li a:visited {display:block; text-decoration:none; text-indent:-1000px; height:32px; background-repeat: no-repeat;}
#container #topLeft .accueil{background-image: url(img/menu/petit-menu/accueil.gif); width:32px;}
#container #topLeft .accueil a{background-image: url(img/menu/petit-menu/accueil_roll.gif);}
#container #topLeft .client {background-image: url(img/menu/petit-menu/client.gif); width:32px;}
#container #topLeft .client a {background-image: url(img/menu/petit-menu/client_roll.gif);}
#container #topLeft .facebook {background-image: url(img/menu/petit-menu/facebook.gif); width:32px;}
#container #topLeft .facebook a {background-image: url(img/menu/petit-menu/facebook_roll.gif);}
#container #topLeft .contact {background-image: url(img/menu/petit-menu/contact.gif); width:32px;}
#container #topLeft .contact a {background-image: url(img/menu/petit-menu/contact_roll.gif);}
#container #topLeft ul.menu li a:hover {background: none;}
#container #topLeft .menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#container #topMiddle{ width:103px; height:107px; margin:0; padding:25px 0 0 27px; float:left;}
#container #topMiddle #menubox{width:103px;margin:0;padding:0px;}
#container #topMiddle #menubox li{width:103px;height:27px;padding:0;margin:0 0 3px 0;float:right;list-style-type:none;}
#container #topMiddle #menubox li a{width	:103px;height:27px;display:block;background:url("img/menu/services.gif") no-repeat;font-family:"tahoma", Arial, Helvetica, sans-serif;font-size:12px;color:#000; text-align:left; text-decoration:none;font-weight:bold;text-indent:22px;line-height:22px;padding:0;margin:0;}
#container #topMiddle #menubox li a:hover{color:#000;background:url("img/menu/services_roll.gif") no-repeat;}
#container #topMiddle #menubox li .actif{color:#000;background:url("img/menu/services_roll.gif") no-repeat;}
#container #topRight{ width:411px; height:132px; margin:0; padding:0; float:right; text-align:center;}
#container #topRight h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; font-weight:200; margin:47px 0 0 0;}
#container #topRight p{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#0998d2;  margin:0; text-align:center;}
#container #topRight a{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#dcdcdc;  margin:0; text-decoration:underline;}
#container #topRight a:hover{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#dcdcdc;  margin:0; text-decoration:line-through;}
#container #header{ width:902px; height:265px; margin:0; padding:0; }
#container #headerLeft{ width:488px; height:265px; margin:0; padding:0; float:left; }
#container #headerRight{ width:412px; height:265px; margin:0; padding:0; float:right;}
#container #headerRightTop{ width:382px; height:176px; margin:0; padding:15px; float:left; }
#container #headerRightBottom{ width:412px; height:59px; margin:0; padding:0; text-align:right;}
#container #headerRight h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#FFF; font-weight:200; margin:0;}
#container #headerRight p{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; line-height:22px; color:#b9bbbf; margin:10px 0 0 0;}
#container #headerRight h2{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:15px; color:#0998d2;  margin:0;}
#container #headerRight a{display:block; width:135px; height:59px; background:url(img/header/headerRight/voir-site.gif) top left no-repeat; float:right;}
#container #headerRight a:hover{background:url(img/header/headerRight/voir-site-roll.gif) top left no-repeat; margin-bottom:0;}
#container #headerRight .voirSite{margin-bottom:0;}
#container #contenu{ width:900px; margin:0; padding:0; }
#container #contenu .case { border-bottom:1px solid #404246; padding-bottom:10px; margin-top:10px;}
#container #contenu #contenuLeft { width:468px; margin:0; padding:10px; float:left; }
#container #contenu #contenuLeft h1{ margin-top:10px;}
#container #contenu #contenuLeft ul{  font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; color:#b9bbbf; margin:10px 0 0 10px; padding:0;}
#container #contenu #contenuLeft ul li{ height:16px; list-style-type:none; background:url(img/contenu/bouton-liste.gif) top left no-repeat; padding-left:21px; margin-bottom:10px;}
#container #contenu #contenuLeft .box{ width:135px; margin:20px 20px 0 0; float:left;}
#container #contenu #contenuLeft .box .projetImage{ width:135px; height:135px; margin:0; padding:0; float:left; border:1px solid #404246;}
#container #contenu #contenuLeft .box .projetDescription{ width:135px; text-align:center; margin:0; padding:0; text-align:center; float:left;}
#container #contenu #contenuLeft .box .projetDescription h1{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; color:#666;}
#container #contenu #contenuLeft .case a{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; color:#dcdcdc;  margin:0; text-decoration:underline; }
#container #contenu #contenuLeft .case a:hover{ text-decoration:line-through;}
#container #contenu #contenuLeft .boxFin{ width:135px; margin:20px 0 0 0; float:left;}
#container #contenu #contenuLeft .boxFin .projetImage{ width:135px; height:135px; margin:0; padding:0; float:left; border:1px solid #404246;}
#container #contenu #contenuLeft .boxFin .projetDescription{ width:135px; text-align:center; margin:0; padding:0; text-align:center; float:left;}
#container #contenu #contenuLeft .boxFin .projetDescription h1{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center; color:#666;}

#container #contenu #contenuRight{ width:392px; margin:0; padding:10px; float:right; }
#container #contenu #contenuRight #contenuRightBoxLeft{ width:193px; float:left; text-align:left;}
#container #contenu #contenuRight #contenuRightBoxRight{ width:193px; float:right; text-align:left;}
#container #contenu #contenuRight h1{ margin-top:10px;}
#container #contenu #contenuRight a{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; color:#dcdcdc;  margin:0; text-decoration:underline;}
#container #contenu #contenuRight ul{  font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; color:#b9bbbf; margin:10px 0 0 10px; padding:0;}
#container #contenu #contenuRight ul li{ height:16px; list-style-type:none; background:url(img/contenu/bouton-liste.gif) top left no-repeat; padding-left:21px; margin-bottom:10px;}
#container #contenu #contenuRight a:hover{ text-decoration:line-through;}
#container #contenu #contenuRight div.titreEve a.vert{ color:#009933; } 

#container #contenu #contenuRight ul li.date{ height:37px; list-style-type:none; background:url(img/contenu/bg-date.gif) top left no-repeat; padding-left:35px; margin-bottom:10px;}
#container #contenu .case { border-bottom:1px solid #404246; padding-bottom:10px; margin-top:10px;}
#container #contenu #contenuRight .titreEve{ margin: 0 auto;width: 380px;	height:40px;margin-top:10px; border-bottom:1px solid #404246; padding-bottom:10px;}
#container #contenu #contenuRight .titreDate{  height:37px; width:32px; background:url("img/contenu/bg-date.gif") no-repeat; float:left; padding-left:4px;}
#container #contenu #contenuRight .titreDate strong{font-family:Tahoma, "Times New Roman", Times, serif; line-height:35px;padding:0;font-size:18px;font-weight:bold;color:#101010;letter-spacing: -1px;}
#container #contenu #contenuRight .titreTexte{ float:right;width:340px;padding-left:5px; padding:0; margin:0; float:left;}	
#container #contenu #contenuRight .titreTexte h3{font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px; text-transform:uppercase; color:#CCC; font-weight:200; margin:0;	}
#container #contenu #contenuRight .titreTexte p{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#0998d2; margin:0; text-align:justify;}
#container #footer{ width:900px; height:60px; margin-bottom:10px; padding:0; border-top:1px solid #404246; }
#container #footer a img{ border:0;}
#container #footerLeft{ width:450px; text-align:left; float:left; padding:0; }
#container #footerRight{ width:450px; text-align:right; float:right; padding:13px 0 0 0; }

#container #contenu #contenuLeft .case { width:450px; margin-top:10px; }
#container #contenu #contenuLeft .case tr{ font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:left; }
#container #contenu #contenuLeft .case tr td{ border-top:#404246 1px dashed; padding:3px; width:225px; }

#container #contenu #contenuLeft .case #idForm input{ width:200px; border:1px solid #404246; background-color:#000; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:center; -moz-opacity:0.3;opacity: 0.3; filter:alpha(opacity=30);}
#container #contenu #contenuLeft .case #idForm select{ width:200px; border:1px solid #404246; background-color:#000; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:center; -moz-opacity:0.3;opacity: 0.3; filter:alpha(opacity=30);}
#container #contenu #contenuLeft .case #idForm textarea{ width:200px; height:100px; padding:5px; border:1px solid #404246; background-color:#000; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:left; -moz-opacity:0.3;opacity: 0.3; filter:alpha(opacity=30);}
#container #contenu #contenuLeft .case #idForm btn{ width:200px; border:1px solid #404246; background-color:#000; font-family:Tahoma, "Times New Roman", Times, serif; font-size:12px;color:#b9bbbf; margin:0; text-align:center; -moz-opacity:0.3;opacity: 0.3; filter:alpha(opacity=30);}