@charset "UTF-8";
/* CSS Document */
html, body {margin:0;padding:0;}
body,td,th {}
body {background:url(images/baclmotif.jpg) repeat;}
#header {background-color:#FFF;height:80px;position:relative;top:0px;width:910px;left:50%;margin-left:-455px;}
#backheader {background-color:#FFF;height:80px;width:100%;}

#logotype {height:66px;width:215px;position:relative;left:0px;float:left;top:5px;}
#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;}



#sliderhome {background:url(images/slider/fondslidehome.jpg) repeat;height:350px;width:100%;}
#sliderhome2 {background:url(images/slider/fondslidehome.jpg) repeat;height:10px;width:100%;}
#votreprojet {margin:-20px 0px 0px 170px;}

#cornerhome {width:953px;height:484px;right:0px;top:0px;position:absolute;}
#logoenter {width:282px;height:199px;left:50%; margin-left:-141px;position:absolute;top:50%;margin-top:-99px;}
img.a {position: absolute;left: 0;top: 0;z-index: 10;}
img.b {position: absolute;left: 0;top: 0;}



#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 {width:615px;position:relative;margin:0px 0px 0px 0px;padding:0;top:15px;float:right;}

ul#nav li{display:inline;margin:0;padding:0;}

ul#nav li a{display:block;height:55px;text-indent:-9999px;float:left;text-decoration:none;outline:none;border:0;margin:0;padding: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;}

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;}


#quinoussommes {width:910px;height:260px;background:url(images/fondqsm.png) no-repeat;padding:10px;padding-top:2px;margin-top:30px;}
#quinoussommestxt {width:620px;float:left;margin-left:20px;}
#quinoussommestxt h1 {color:#fff;border-bottom:#fff;}
#quinoussommestxt h2 {color:#fff;}
#notremission {width:420px;float:left;}
#pourquoinous {width:420px;float:right;}










/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */



#footer{border-top:1px solid #2d2d2d;background-color:#000;height:410px;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;padding:10px;border-right:1px dashed #CCC;margin-right:2px;}
#colonnemilieu{width:280px;float:left;padding:10px;}
#colonnedroite{width:280px;float:right;border-left:1px dashed #CCC;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:#000;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:#000;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:#000;margin:0px;padding:0px;}



#accesbook{clear:both;background:url(images/backaccroche.jpg) repeat-x;border-top:dotted 1px #CCC;width:100%;height:50px;}
#accroche{width:826px;left:50%;margin-left:-413px;position:relative;}


.yuvarlak-siyah { background: url("images/yuvarlak-butonlar-sag.png") no-repeat right -432px; text-shadow: 0 1px 1px #000000; }
.yuvarlak-siyah:hover { background: url("images/yuvarlak-butonlar-sag.png") no-repeat right -459px; }
.yuvarlak-siyah span { background: url("images/yuvarlak-butonlar-sol.png") no-repeat left -432px; }
.yuvarlak-siyah:hover span { background: url("images/yuvarlak-butonlar-sol.png") no-repeat left -459px; }


.kucuk-buton {color: #ffffff !important;display: inline-block;height: 17px;padding: 7px 20px 3px 5px;position: relative;text-decoration: none !important;margin-left:40px;}
.kucuk-buton span {height: 27px;left: -15px;position: absolute;top: 0;width: 15px;}
.kucuk-buton:hover { text-decoration: none; }





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;}












#logocontactez {width:354px;height:255px;position:relative;margin-left:45px;}

#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:#000;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:#000;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;color: #000;}
#mentions h5 {margin:0;padding:0;padding:13px;text-align:justify;color: #000;}



#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:#000;
	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:#000;}
.niveau1 li a:hover {color:#e20079;}


.niveau2 {list-style-image:url(images/fleche2.gif);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:#000;font-size: 25px;border-bottom:1px dotted #000;padding-left:8px;}
#page-warp2 h1 {color:#000;font-size: 25px;border-bottom:1px dotted #000;padding-left:8px;}
#page-warp3 h2 {color:#000;font-size: 25px;border-bottom:1px dotted #000;padding-left:8px;}
#page-warp4 h2 {color:#000;font-size: 25px;border-bottom:1px dotted #000;padding-left:8px;}

#colonnegauche2 h1, #colonnemilieu2 h1, #colonnedroite2 h1, #colonnegauche2 h2, #colonnemilieu2 h2, #colonnedroite2 h2 {color:#FFF;border-bottom-color:#FFF;}
#colonnegauche3 h1, #colonnemilieu3 h1, #colonnedroite3 h1, #colonnegauche3 h2, #colonnemilieu3 h2, #colonnedroite3 h2 {color:#FFF;border-bottom-color:#FFF;}

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


h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:justify;
	color:#000;
	font-weight:100;
	
	}
	
.h2 {
	font-family:"Times New Roman", Times, serif;
	font-size: 10pt;
	text-align:justify;
	color:#000;
	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;
	}