@charset "UTF-8";
/* CSS Document */
html, body {margin:0;padding:0;}
body,td,th {}
body {background-color:#000;}
#header {height:192px;width:910px;left:50%;margin-left:-455px;position:absolute;}
#ligne1 {height:2px;width:910px;left:50%;margin-left:-455px;position:absolute;margin-top:200px;}
#backgroundHeader {background:url(images/header-back.jpg) repeat-x;height:299px;}

#page-warp{width:910px;left:50%;margin-left:-455px;position:relative;}
#page-warp2{width:910px;left:50%;margin-left:-455px;position:relative;height:100%;min-height:900px;}
#page-warp3{width:910px;left:50%;margin-left:-455px;position:relative;height:100%;min-height:1700px;padding-top:10px;}
#page-warp4{width:910px;left:50%;margin-left:-455px;position:relative;height:100%;min-height:1200px;padding-top:10px;}
#page-warp5{width:910px;left:50%;margin-left:-455px;position:relative;padding:0;}


#servicesswf{width:1023px;height:345px;left:50%;margin-left:-511px;top:50%;margin-top:-173px;position:absolute;}

#intro{width:970px;height:900px;position:absolute;left:50%;margin-left:-485px;}
a.lien {text-decoration:none;color:#666;border:0;outline:0;font-size:12px;}
a.lien:hover {text-decoration:none;color:#e20079;}

/* NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION NAVIGATION */
#nav {position:absolute;top:0px;width:890px;text-align:center;top:-115px;padding:0px 10px 0px 10px;margin:0;margin-top:15px;}

ul#nav li{display:inline;}

ul#nav li a{display:block;height:55px;text-indent:-9999px;float:left;text-decoration:none;outline:none;border:0;}

ul#nav li.accueil a{width:90px;background:url(images/nav/btn-accueil.png) top center;}
ul#nav li.portfolio a{width:111px;background:url(images/nav/btn-portfolio.png) top center;}
ul#nav li.port a{width:111px;background:url(images/nav/btn-portfolio.png) top center;}
ul#nav li.apropos a{width:96px;background:url(images/nav/btn-apropos.png) top center;}
ul#nav li.services a{width:95px;background:url(images/nav/btn-services.png) top center;}
ul#nav li.contact a{width:98px;background:url(images/nav/btn-contact.png) top center;}
ul#nav li.leblog a{width:95px;height:49px;background:url(images/nav/btn-blog.png) top center;float:right;margin-top:1px;}

ul#nav li a:hover {background-position:bottom center;}

body#accueil ul#nav li.accueil a,
body#services ul#nav li.services a,
body#portfolio ul#nav li.portfolio a,
body#port ul#nav li.port a,
body#apropos ul#nav li.apropos a,
body#contact ul#nav li.contact a {background-position:bottom center;}


a img {outline:none;border:0;}







#nav-services {width:910px;text-align:center;padding:20px 0px 20px 0px;background-color:#000;border:1px dashed #333;}

ul#nav-services li{display:inline;text-decoration:none;outline:none;border:0;}


ul#nav-services li a{text-decoration:none;outline:none;border:0;font-family:Arial, Helvetica, sans-serif;font-size:12pt;color:#FFF;
text-transform:uppercase;margin-right:10px;margin-left:10px}


ul#nav-services li a:hover {text-decoration:none;outline:none;border:0;color:#dd0a7b;}
ul#nav-services li a:visited {text-decoration:none;outline:none;border:0;}












/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */



#footer{border-top:1px solid #2d2d2d;background-color:#000;height:386px;position:relative;width:100%;clear:both;padding:0;clear:both;}
#footercontaineur{width:910px;height:386px;margin-top:20px;margin:auto;clear:both;}

#footergauche{width:300px;float:left;margin-right:15px;padding:3px;}
#footermilieu{width:270px;float:left;padding:3px;}
#footerdroite{width:300px;float:right;padding:3px;}


#colonne {height:670px;margin-top:20px;clear:both;position:relative;clear:both;}
#colonnecontaineur{width:910px;height:670px;margin-top:20px;margin:auto;position:relative;clear:both;}

#colonnegauche{width:280px;float:left;background-color:#000;border:1px dashed #333;padding:10px;margin-right:2px;}
#colonnemilieu{width:280px;float:left;background-color:#000;border:1px dashed #333;padding:10px;}
#colonnedroite{width:280px;float:right;background-color:#000;border:1px dashed #333;padding:10px;}


.btnjefonce{float:right;margin-right:20px;}

#rubflash {margin:0;padding:0;width:281px;height:130px}
#rubprint {margin:0;padding:0;width:280px;height:129px;margin-bottom:4px;}
#rubweb {margin:0;padding:0;width:283px;height:133px;}



#btnlaselection {display: block;margin: 0 auto;width:253px;height:61px;position:relative;}



.download{margin-left:171px;margin-top:30px;}

#listeP{list-style-image:url(images/liststyleP.png);margin-left:50px;padding:0px;height:200px;}
ul#listeP li{font-family:"Times New Roman", Times, serif;font-size: 15pt;text-align:left;color:#FFF;margin:0px;padding:0px;}

#listeW{list-style-image:url(images/liststyleW.png);;margin-left:50px;padding:0px;height:200px;}
ul#listeW li{font-family:"Times New Roman", Times, serif;font-size: 15pt;text-align:left;color:#FFF;margin:0px;padding:0px;}

#listeF{list-style-image:url(images/liststyleF.png);margin-left:50px;padding:0px;height:200px;}
ul#listeF li{font-family:"Times New Roman", Times, serif;font-size: 15pt;text-align:left;color:#FFF;margin:0px;padding:0px;}






#presentation{background:url(images/back-apropos.jpg) repeat-x;height:219px;}
#moi{width:450px;float:left;}
#stagiaire{width:450px;float:right;}
.pola{float:left;width:175px;height:219px;}





.lapresse{width:327px;height:533px;float:left;background:url(images/presse.png) no-repeat;text-indent:-9999px;border:0;outline:0;}
.lapresse:hover{background:url(images/presse2.png) no-repeat;}
#notremission{width:570px;height:280px;float:right;}
#pourquoinous{width:570px;height:270px;float:right;}



#accesbook{width:250px;height:156px;clear:both;float:left;}




a.twit, a.rss, a.deli, a.face {display:inline-block;background-repeat: no-repeat;margin-right:10px;}

a.twit {background-image: url(images/reseau/twitter2.jpg);width:50px;height:47px;}
a.twit:hover {visibility: visible;}
a.twit:hover img {visibility: hidden;} 
	
a.rss {background-image: url(images/reseau/rss2.jpg);width:50px;height:51px;}
a.rss:hover {visibility: visible;}
a.rss:hover img {visibility: hidden;}
	
a.deli {background-image: url(images/reseau/delicious2.jpg);width:50px;height:50px;}
a.deli:hover {visibility: visible;}
a.deli:hover img {visibility: hidden;}
	
a.face {background-image: url(images/reseau/facebook2.jpg);width:50px;height:48px;}
a.face:hover {visibility: visible;}
a.face:hover img {visibility: hidden;}

.ligne2{margin-bottom:10px;}
.ligne3{margin-bottom:10px;}









#colonne2 {clear:both;position:relative;width:910px;background-image:url(images/description2/description-back.png);background-repeat:repeat-y;}
#descriptionbottom {width:910px;background-image:url(images/description2/description-bottom.png);background-repeat:no-repeat;height:41px;clear:both;}
#descriptiontop {width:910px;background-image:url(images/description2/description-top.png);background-repeat:no-repeat;height:34px;clear:both;margin-top:50px;}
#colonnegauche2{width:280px;float:left;padding:10px;margin-right:5px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;}
#colonnemilieu2{width:280px;float:left;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;}
#colonnedroite2{width:280px;float:right;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;}

#descriptionend {width:910px;height:27px;clear:both;}


#colonne3 {height:670px;margin-top:20px;clear:both;position:relative;height:250px;background-color:#000;}
#colonnecontaineur3{width:910px;height:670px;margin-top:20px;margin:auto;position:relative;height:250px;background-color:#000;}

#colonnegauche3{width:280px;float:left;padding:10px;margin-right:2px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;height:250px;}
#colonnemilieu3{width:280px;float:left;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;height:250px;}
#colonnedroite3{width:280px;float:right;padding:10px;font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#FFF;text-align:justify;height:250px;}




.fleche{margin-right:10px;}


.liste{list-style-image:url(images/fleche2.gif);list-style-position:inside;margin-left:-30px;}
ul.liste li{margin-bottom:15px;}









#droite{width:570px;float:right;margin-top:50px;}
#curriculum{float:right;margin-top:20px;margin-right:65px;}







#reseauxsociaux {position:absolute;top:780px;width:762px;text-align:center;padding:0;margin:0;left:50%;margin-left:-381px;}

ul#reseauxsociaux li{display:inline;}

ul#reseauxsociaux li a{display:block;height:85px;text-indent:-9999px;float:left;text-decoration:none;outline:none;border:0;width:127px;}

ul#reseauxsociaux li.rsdelicious a{background:url(images/reseauxsociaux/rs-deliciousH.png) top center;}
ul#reseauxsociaux li.rstwitter a{background:url(images/reseauxsociaux/rs-twitterH.jpg) top center;}
ul#reseauxsociaux li.rsrss a{background:url(images/reseauxsociaux/rs-rssH.jpg) top center;}
ul#reseauxsociaux li.rsfacebook a{background:url(images/reseauxsociaux/rs-facebookH.jpg) top center;}
ul#reseauxsociaux li.rsskype a{background:url(images/reseauxsociaux/rs-skypeH.jpg) top center;}
ul#reseauxsociaux li.rsviadeo a{background:url(images/reseauxsociaux/rs-viadeoH.png) top center;}


ul#reseauxsociaux li.rsdelicious a:hover {background:url(images/reseauxsociaux/rs-delicious.png) top center;}
ul#reseauxsociaux li.rstwitter a:hover {background:url(images/reseauxsociaux/rs-twitter.jpg) top center;}
ul#reseauxsociaux li.rsrss a:hover {background:url(images/reseauxsociaux/rs-rss.jpg) top center;}
ul#reseauxsociaux li.rsfacebook a:hover {background:url(images/reseauxsociaux/rs-facebook.jpg) top center;}
ul#reseauxsociaux li.rsskype a:hover {background:url(images/reseauxsociaux/rs-skype.jpg) top center;}
ul#reseauxsociaux li.rsviadeo a:hover {background:url(images/reseauxsociaux/rs-viadeo.png) top center;}














#contactez{width:310px;float:left;background-color:#000;border:1px dashed #333;padding:0px 10px 10px 10px;margin-right:2px;margin-top:20px;}

#confirmation{text-align:center;color:#FFF;position:relative;padding-top:50px;}
#merci{width:910px;height:656px;margin-top:30px;position:relative;}


select, option{
    font-size:13px;
}

ol.phpfmg_form{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

ol.phpfmg_form li{
    margin-bottom:5px;
    clear:both;
    display:block;
    overflow:hidden;
	width: 100%;
	color:#FFF;
}


.form_field, .form_required{
    font-weight : bold;
	color:#dd0a7b;}

.form_required{
    color:#FFF;
    margin-right:8px;
}

.field_block_over{
}

.form_submit_block{
    padding-top: 3px;
}

.text_box, .text_area, .text_select {
    width:300px;
}

.text_area{
    height:80px;
}

.form_error_title{
    font-weight: bold;
    color: red;
}

.form_error{
    background-color:#1A1A1A;
    border: 1px dashed #ff0000;
    padding: 10px;
    margin-bottom: 10px;
}

.form_error_highlight{
    background-color:#1A1A1A;
    border: 1px dashed #ff0000;
}

div.instruction_error{
    color: red;
    font-weight:bold;
}

hr.sectionbreak{
    height:1px;
    color: #ccc;
}





#mentions {margin:0;padding:0;font-family:"Times New Roman", Times, serif;font-size: 10pt;text-align:justify;color:#FFF;font-weight:100;}
.liste a {text-decoration:none;color:#e20079;}
.liste a:hover {text-decoration:underline;}

#mentions h1 {color: #fff;background-color:#e20079;padding-left:10px;}
#mentions h2 {margin:0;padding:0;padding:13px;}
#mentions h5 {margin:0;padding:0;padding:13px;text-align:justify;}



#tagbox {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	text-align:justify;
	font-size:75%;
	position:relative;
	border:#de0079 1px dashed;
	padding: 10px;
	width:880px;
	margin:0;
	}

#tagbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	text-align:justify;
	font-size:75%;
	position:absolute;
	border:#de0079 1px dashed;
	padding: 10px;
	top:1000px;
	left:0px;
	margin:0;
	}


#tb{width:275px;height:88px;margin-left:317px;}



#sitemap h1 {color: #fff;background-color:#e20079;padding-left:10px;}

#sitemap{font-family:"Times New Roman", Times, serif;
	font-size: 13pt;
	text-align:justify;
	color:#FFF;
	font-weight:100;
	list-style:none;
	line-height:25px;}

.niveau1 {list-style:none;text-decoration:none;outline:none;border:0;}
.niveau1 li a {text-decoration:none;color:#fff;}
.niveau1 li a:hover {color:#e20079;}


.niveau2 {list-style-image:url(images/fleche2.jpg);margin-left:-30px;list-style-position:inside;text-decoration:none;outline:none;border:0;font-size: 10pt;line-height:15px;}





.color{color:#e20079;}


#footergauche a, #footergauche a:hover, #footergauche a:visited {color: #3e3d40;outline:none;border:0;}


#footercontaineur h1 {color:#fff;font-size: 25px;border-bottom:3px dotted #fff;padding-left:8px;}
#page-warp h1 {color:#fff;font-size: 25px;border-bottom:3px dotted #fff;padding-left:8px;}
#page-warp2 h1 {color:#fff;font-size: 25px;border-bottom:3px dotted #fff;padding-left:8px;}
#page-warp3 h2 {color:#fff;font-size: 25px;border-bottom:3px dotted #fff;padding-left:8px;}
#page-warp4 h2 {color:#fff;font-size: 25px;border-bottom:3px dotted #fff;padding-left:8px;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:left;
	color:#e20079;
	font-weight:900;
	
	}




h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:justify;
	color:#FFF;
	font-weight:100;
	
	}
	
.h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:justify;
	color:#FFF;
	font-weight:100;
	
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:left;
	color:#FFF;
	font-weight:100;
	margin-top:1px;
	
	}

h5 {
	font-family: Arial, 'Helvetica', sans-serif;
	font-size: 8pt;
	text-align:left;
	color:#FFF;
	font-weight:100;
	}
.h5 {
	font-family: Arial, 'Helvetica', sans-serif;
	font-size: 8pt;
	text-align:center;
	color:#FFF;
	font-weight:100;
	}