@charset "utf-8";

/*
    Projet: ADSprint
    date: 1/12/2012
    Version: 2.0

*/

@font-face {
    font-family: 'Questrial';
    src: url('../fonts/Questrial-Regular.woff') format('woff');
    src: local('☺'), url('../fonts/Questrial-Regular.eot?') format('eot'),
    url('../fonts/Questrial-Regular.otf') format('font/opentype'),
    url('../fonts/Questrial-Regular.ttf') format('truetype'),
    url('../fonts/Questrial-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
button,
input,
select,
textarea {
    font-family: Questrial, sans-serif;
    border: none; outline-style: none;
}

body {
    background: url("../images/main-bg2.jpg") repeat-y top center;
    
    color: #777777;
    font-family: Questrial, verdana, sans-serif;
    font-size: 14px;
}

body a {
    color: #777;
}

div[class~="container"] {
    width: 1000px;
    margin: 0 auto;
    background: #f0f0f0;
}

div[class~="header"], div[class~="footer"] {
    width: 950px;
    padding: 0 25px;
	margin-bottom: 50px;
}

div[class~="header"] {
    position: relative;
    height: 725px;
    background: url("../images/bg_header.png") no-repeat top center;
}

div[class~="content"] {
    width: 1000px;
    float: left;
    padding:0;
    padding-bottom: 25px;
}

div[class~="content"] + * {
    clear: both;
}

div[class~="footer"] {
    position: relative; height: 200px;
    background: url("../images/bg_footer.png") no-repeat top center;
}
p {
	margin: 0;
	text-align: justify;
}
/* Style des éléments de l'entête */

div.header form.rech_form  {
    float: right;
    position: relative; width: 219px; height: 47px;
    margin: 3px 25px;
    background: url("../images/boutons.png") no-repeat 0 -36px;
}

div.header form.rech_form + * {
    clear: both;
}

div.header form.rech_form input.in_rech {
    position: absolute; bottom: 0; left: 7px; right: 7px;
    width: 205px; height: 20px;
    background: none; border: none;
    text-align: center; 
	/*color: #e9edee; */
	color: #116688;
	font-size: 12px;
}

div.header form.rech_form input.sub_rech {
    position: absolute; top: 0; left: 98px;
    width: 23px; height: 23px; border: none;
    background: url("../images/icons_2.png") no-repeat -75px -299px;
}

div.header form.rech_form input.sub_rech:hover {
    background: url("../images/icons_2.png") no-repeat -1px -299px;
    border: none;
}

div.liens_header {
    position: absolute; top: 17px; left: 34px;
    width: 49px; height: 23px;
}

div.liens_header a.icons1_liens,
div.liens_header a.icons2_liens {
    display: block; float: left; width: 23px; height: 23px;
    background: url("../images/icons_2.png") no-repeat;
}

div.liens_header a.icons1_liens {
    background-position: -75px -99px;
    margin-right: 3px;
}

div.liens_header a.icons1_liens:hover {
    background-position: -1px -99px;
}

div.liens_header a.icons2_liens {
    background-position: -75px -199px;
}

div.liens_header a.icons2_liens:hover {
    background-position: -1px -199px;
}

div.header div.societe {
    width: 300px; height: 175px; float: left;
    margin: 84px 24px 0 26px; text-align: center;
}

div.header div.slogan_header {
    float: left; width: 316px; height: 125px;
    padding: 0 135px 9px 148px; margin:  25px 0 0 0;
}

div.header div.slogan_header p {
    font-size: 36px; text-align: center; color: #ffffff;
}

div.header div.slogan_header p span {
    color: #ffbb00;
}

div.header ul.menu {
    width: auto; height: 88px;
    vertical-align: middle; 
}

div.header ul.menu + * {
    clear: both;
}

div.header ul.menu li {
    width: 119px; height: 88px; float: left;
    text-align: center;
    margin-left:  1px;
    background: url("../images/menu.png") no-repeat 0 -182px;
}

div.header ul.menu li a {
    display: inline-block; width: 119px; height: 32px; padding: 56px 0 0 0;
    /*color: #e9ecee;*/
	color: #999999;
}

div.header ul.menu li:hover,
div.header ul.menu li.manu_active {
    background-position: 0 0;
}

div.header ul.menu li:hover a,
div.header ul.menu li.manu_active a {
    height: 44px; padding: 44px 0 0 0;
    /*color: #ff9900;*/
	color: #116688;
}

/* Styles Content*/

div.slideshow {
    padding: 25px 25px 0 25px;
	margin-left: -25px;
	width: 950px;
	height: 425px;
}

div.content div.fil_dariane {
    width: 950px; height: 50px;
    padding: 0 25px; margin: 0 0 25px 0;
    background: url("../images/bg_file_dariane.png") repeat-x;
}

div.content div.fil_dariane p {
    width: auto; height: 50px;
    padding: 0 40px; margin: 0 9px;
    background: url("../images/icons.png") no-repeat 0 -665px;
    line-height: 50px;
    font-size: 18px;
    color: #666;
}

div.content div.fil_dariane p span {
    color: #000;
    margin: 0 13px 0 0;
}

div.content div.fil_dariane p span.separateur {
    margin: 0 5px;
}

div.content div.nav {
    width: 200px; min-height: 475px; float: left;
    padding: 0; margin: 0 50px 0 0;
}

div.content div.nav ul.nav_liens {
    width: 150px;
    padding: 0 0 25PX 50px;
}

div.content div.nav ul.nav_liens li {
    padding:0 0 0 25px;
    background: url("../images/icons.png") no-repeat 0 -569px;
}

div.content div.nav ul.nav_liens li a {
    font-size: 18px; text-align: right; color: #116688;
}

div.content div.nav ul.nav_liens li a:hover {
    color: #ff9900;
}

/* Styles Col Content*/

div.content div.col_content {
    width: 750px; float: right;
}

div.content div.col_content + * {
    clear: both;
}

div.content div.col_content div.col_right {
    width: 492px; margin: 0 8px 0 0; float: left;
}

div.content div.col_content div.col_right div.new_prod {
    margin: 0 0 17px 0; padding-bottom: 25px;
    border-bottom: 1px dotted #116688;
	height: 445px;
}
div.content div.col_content div.col_right div.new_prod p.pagination,
div.content div.col_content div.col_right div.new_services p.pagination,
.pagination {
    clear: both;
    height: 33px; 
    text-align: right;
}

.pagination {
    padding: 0 0 0 360px;
}

div.content div.col_content div.col_right div.new_prod p.pagination a,
div.content div.col_content div.col_right div.new_services p.pagination a,
.pagination a {
    display: block; float: left; width: 28px; height: 33px; margin: 0 0 0 5px;
    text-align: center; line-height: 33px; color: #116688;
    background: url("../images/icons_2.png") no-repeat -73px -368px;
}

div.content div.col_content div.col_right div.new_prod p.pagination a.active,
div.content div.col_content div.col_right div.new_services p.pagination a.active,
.pagination a.active {
    color: #bfbfbf;
}

div.content div.col_content div.col_right div.new_prod p.pagination a:hover,
div.content div.col_content div.col_right div.new_services p.pagination a:hover,
.pagination a:hover {
    background-position: 0 -368px;
    color: #116688;
}

div.content div.col_content div.col_right div.new_services h2 a {
    background-position: 0 -256px;
}

div.content div.col_content div.col_left {
    width: 225px; margin: 0 25px 0 0; float: left;
}
div.content div.col_content div.col_left + * {
    clear: both;
}

div.content div.col_content div.col_left div.bienvenue {
    padding-bottom: 34px; margin-bottom: 40px;
    border-bottom: 1px dotted #116688;
}

div.content div.col_content div.col_left div.bienvenue h1 a {
    width: 137px; background-position: 0 -150px;
}

div.content div.col_content div.col_left div.bienvenue p {
    margin-bottom: 25px;
}

div.content div.col_content div.col_left div.bienvenue p a {
    display: block; width: 120px; height: 25px; float: right;
    background: url("../images/icons_2.png") no-repeat -125px 0px;
    text-align: left; line-height: 23px; color: #116688;
    
}

div.content div.col_content div.col_left div.bienvenue p a + * {
    clear: both;
}

div.content div.col_content div.col_left div.bienvenue p a:hover {
    color: #ff9900;
    background-position: -125px -50px;
}

div.content div.col_content div.col_left div.contact h2 a {
    width: 137px;
    background-position: 0 -359px;
}

div.content div.col_content div.col_left div.contact p {
    font-size: 15px;
}

div.content div.col_content div.col_left div.contact p span.infos-contact {
    width:50px; display:inline-block;
}

/* Pour Ajouter une autre infons dans les contacts */
div.content div.col_content div.col_left div.contact p span.autres-infos {
    display: inline-block; margin-left: 50px;
}

/* Styles footer */

div.footer div.envoyer_fichier {
    width: 225px; height: 100px; position: absolute; top: 0; left: 50px;
    background: url("../images/boutons.png") no-repeat 0 -235px;
}

div.footer div.envoyer_fichier a {
    display: block; width: 151px; height: 71px; padding: 19px 37px; padding-bottom: 0;
    font-size: 16px; text-align: center; color: #FFF; line-height: 16px;
}

div.footer div.envoyer_fichier a span {
    color: #ff9900;
}

div.footer ul.menu_footer {
    width: auto; float: right; margin: 30px 0 111px 167px;
}

div.footer ul.menu_footer + * {
    clear: both;
}

div.footer ul.menu_footer li {
    display: block; float: left;
    color: #e9eef1;
}

div.footer ul.menu_footer li a {
    margin: 0 11px 0 9px;
    text-align: center;
    color: #e9eef1; 
}

div.footer ul.menu_footer li a:hover {
    color: #ff9900;
}

div.footer p {
    text-align: center; color: #FFF;
}

div.footer p a {
    margin-left: 43px;
    color: #113344;
}

div.footer p a:hover {
    color: #115577;
}

/* Styles page Contact */

h1.page-contact-title1 {
    width: 300px; height: 5 0px;
    padding: 0 0 0 60px; margin: 0 0 25px 0;
    background: url("../images/icons.png") no-repeat 0 -360px;

    font-size: 32px; text-align: left; color: #116688;
    line-height: 50px;
    font-family: Questrial, verdana, sans-serif;
}

h2.page-contact-title2 {
    width: 300px; height: 5 0px;
    padding: 0 0 0 6px; margin: 0 0 25px 0;
    font-size: 22px; text-align: left; color: #ff9900;
    line-height: 50px;
    font-family: Questrial, verdana, sans-serif;
}


div.formulaire-contact {
    width: 700px; height: auto; margin: 0 25px 25px 25px;
}

div.formulaire-contact form {
    width: auto;
    height: auto;
}


div.formulaire-contact input[type="text"] {
    border: none; outline-style: none;
    height: 31px; width: 212px; padding: 0 12px; margin: 0 0 5px 7px;
    vertical-align: middle; text-align: left;
    color: #333333; font-size: 14px; line-height: 28px;
    background: url("../images/contact.png") no-repeat -2068px -1px;
}
div.champ,
div.champ_important {
    /*height: 3px; width: 232px;*/
}

div.champ span {
    color: #f0f0f0;
}

div.champ_important span {
    color: #af2323;
}

div.capcha {
    width: 240px; height: 56px; margin: 0 0 0 12px;
}
/* Qaptcha */
.QapTcha {float:left;width:203px;height:50px;margin:0;background:url(../images/tools/btn_rail.png) right 7px no-repeat;}
.QapTcha .clr{}
.QapTcha .bgSlider {width:202px;height:22px;float:right;margin-top:7px;}
.QapTcha .Slider {width:50px;height:22px;float:left;margin:0;background:transparent url(../images/tools/btn.png) no-repeat;cursor:e-resize;position:relative;top:0;left:0;*left:1px}
.QapTcha .TxtStatus {width:200px;margin-top:5px;float:left;text-align: justify;color:#993333;font-family:Tahoma, Geneva, sans-serif;font-size:11px;clear:none}
.QapTcha .dropSuccess {color:#4e8b37}
.QapTcha .dropError {color:#993333}
.contact_lock {float:right; width:14px; height: 16px; margin: 11px 4px 0 15px;}

.QapTchaSend {float:left;width:475px;height:50px;margin:15px 0 0 0;background:url(../images/tools/btn_rail.png) left 7px no-repeat;}
.QapTchaSend .clr{}
.QapTchaSend .bgSlider {width:202px;height:22px;float:left;margin-top:7px;}
.QapTchaSend .Slider {width:50px;height:22px;float:left;margin:0;background:transparent url(../images/tools/btn.png) no-repeat;cursor:e-resize;position:relative;top:0;left:0;*left:1px}
.QapTchaSend .TxtStatus {margin:8px 0 0 15px;float:left;text-align: justify;color:#993333;font-family:Tahoma, Geneva, sans-serif;font-size:11px;clear:none}
.QapTchaSend .dropSuccess {color:#4e8b37}
.QapTchaSend .dropError {color:#993333}
.contact_lock1 {float:left; width:14px; height: 16px; margin: 25px 15px 0 15px;}

div.formulaire-contact div.form-message {
    width: 400px; min-height: 186px; float: right;
}

div.formulaire-contact div.form-message > div {
    position: relative; width: 375px; min-height: 145px; float: right;
    margin: 0; margin-top: -13px;
    padding: 0; padding-bottom: 13px; padding-top: 13px;
}

div.formulaire-contact div.form-message > div div.absol-top,
div.formulaire-contact div.form-message > div div.absol-botttom {
    width: 376px; height: 13px;
    background: url("../images/contact.png") no-repeat;
}

div.formulaire-contact div.form-message > div div.absol-top {
    background-position: 0 0;
}

div.formulaire-contact div.form-message > div div.absol-botttom {
    background-position: -476px 0;
}

div.formulaire-contact div.form-message > div textarea {
    display: block; min-width: 366px; width: 366px; max-width: 366px; min-height: 145px;
    background: url("../images/bg_text_area_y.png") repeat-y;
    border: none; 
    padding: 5px; padding-bottom: 0; padding-top: 0;
    overflow-y: auto; overflow-x: hidden; outline-style: none;
    margin: 0; 
    color: #333333; font-size: 14px; line-height: 1.4em; text-align: left;
}

div.formulaire-contact div.form-message > input[type="submit"],
div.formulaire-contact div.form-message > input[type="reset"] {
    display: block; width: 100px; height: 32px; float: right;
    background: url("../images/contact.png") no-repeat;
    border: none;
    color: #FFF; font-size: 14px; text-align: center; line-height: 32px;
}

div.formulaire-contact div.form-message > input[type="submit"],
div.formulaire-contact div.form-message > input[type="reset"] {
    margin-left: 6px;
    background-position: -1109px 0;
}

div.formulaire-contact div.form-message > input[type="submit"]:hover,
div.formulaire-contact div.form-message > input[type="reset"]:hover {
    background-position: -1475px 0;
}

div.formulaire-contact div.form-send {
    width: 400px; float: right;
}
div.formulaire-contact div.form-send > input[type="submit"],
div.formulaire-contact div.form-send > input[type="reset"] {
    display: block; width: 100px; height: 32px; float: right;
    background: url("../images/contact.png") no-repeat;
    border: none;
    color: #FFF; font-size: 14px; text-align: center; line-height: 32px;
}

div.formulaire-contact div.form-send > input[type="submit"],
div.formulaire-contact div.form-send > input[type="reset"] {
    margin-left: 6px;
    background-position: -1109px 0;
}

div.formulaire-contact div.form-send > input[type="submit"]:hover,
div.formulaire-contact div.form-send > input[type="reset"]:hover {
    background-position: -1475px 0;
}

div.cordonnes {
    width: 700px; min-height: 182px;   
}

div.cordonnes p {
    margin: 0 200px 0 0;
    text-align: left;
    font-size: 15px; color: #777;
}

div.cordonnes p span.infos-contact {
    display: inline-block; width: 75px;
	float: left;
}
div.cordonnes p span.txt-contact {
    display: inline-block; width: 275px;
	margin: 0;
	float: left;
}

div.cordonnes a {
    display: inline-block; float: left;
    margin: 0;
}

/* Pour Ajouter d'autres cordonnées */
div.cordonnes p span.autres-infos {
    display: inline-block; margin-left: 50px;
}

/*****************************************/

/* Page envoi fichier */

div.formulaire-envoi-fichier {
    width: 725px; min-height: 700px;
    margin: 0 25px 60px 0;
}

div.formulaire-envoi-fichier > form > div.infos-envoi-fichier {
    width: 350px;
    margin: 0 340px 0 0; padding: 20px 0 0 0;
}

div.formulaire-envoi-fichier label {
    display: inline-block; width: 85px; height: 30px;
    zoom: 1;
    *display: inline; /* ie7 fixbug */
    
    font-size: 14px; text-align: left; line-height: 30px;
}

div.formulaire-envoi-fichier label.description {
    *margin-left: 7px;
    float: left;
}


div.formulaire-envoi-fichier input[type="text"] {
    border: none; outline-style: none;
    height: 31px; width: 212px; padding: 0 12px; margin: 5px 0 5px 7px;
    vertical-align: middle; text-align: left;
    color: #333333; font-size: 14px; line-height: 28px;
    background: url("../images/contact.png") no-repeat -2068px -1px;
}

div.formulaire-envoi-fichier span {
    color: #af2323;
}

div.formulaire-envoi-fichier > form > div {
    width: 602px; min-height: 145px;
    margin: -5px 0 0 95px; 
    padding: 0; padding-bottom: 13px; padding-top: 13px;
}

div.formulaire-envoi-fichier > form > div div.absol-top,
div.formulaire-envoi-fichier > form > div div.absol-botttom {
    width: 602px; height: 13px;
    background: url("../images/contact.png") no-repeat;
}

div.formulaire-envoi-fichier > form > div div.absol-top {
    background-position: -2403px 0;
}

div.formulaire-envoi-fichier > form > div div.absol-botttom {
    background-position: -3105px 0;
}

div.formulaire-envoi-fichier > form > div textarea {
    display: block; min-width: 592px; width: 592px; max-width: 592px; min-height: 145px;
    background: url("../images/bg_text_area_y_2.png") repeat-y;
    border: none; 
    padding: 5px; padding-bottom: 0; padding-top: 0;
    overflow-y: auto; overflow-x: hidden; outline-style: none;
    margin: 0;
    *margin: -1px 0;
    color: #333333; font-size: 14px; line-height: 1.4em; text-align: left;
}

div.formulaire-envoi-fichier > form  div.selection-fichier {
    width: 600px; height: 325px;
    margin: 20px 0 0 0; padding: 0;
}

div.formulaire-envoi-fichier > form  div.capcha {
    width: 250px; height: 56px; min-height: 56px;
    margin: 20px 0 -50px 0; padding: 0; clear: both;
}

div.formulaire-envoi-fichier input[type="submit"],
div.formulaire-envoi-fichier input[type="reset"] {
    display: block; width: 100px; height: 32px; float: right;
    background: url("../images/contact.png") no-repeat -1109px 0;
    margin-left: 6px; border: none;
    color: #FFF; font-size: 14px; text-align: center; line-height: 32px;
}

div.formulaire-envoi-fichier input[type="submit"]:hover,
div.formulaire-envoi-fichier input[type="reset"]:hover {
    background-position: -1475px 0;
}

/***********************************************************************/

/* NOUVEATE */
#navSlide { margin:0 28px 0 0; list-style:none; display:inline; height:33px; float:right; text-align:center; position: relative }
#navSlide li { float:right; height:33px; width:28px; padding:4px 5px 0 0; margin:0; display:inline-block; text-align:center; float: none; *display:inline; *zoom:1;}
#navSlide a { float:right; color: #116688; font-size:13px; padding:6px 0 0; width:100%; height:100%; font-weight: normal; border:none; cursor:pointer;background: url("../images/icons_2.png") no-repeat -73px -368px;}
#navSlide a:hover{background-position: 0 -368px; color: #116688;}
#navSlide li.active a { border:none; color: #bfbfbf; font-size:13px; font-weight:bold;}
#navSlide a:focus { outline: none; }
.prevnextSlide { float:right; height:18px; width:18px; margin:5px 0 0 0;}
.slideWrap {float:right; height:25px;}
.crawlersupport { width: 492px; height: 340px; position:relative; overflow:hidden; float: left;}
.horcrawler { width: 246px; height: 340px; position:relative; }
.items { width:20000em; height:340px; position:absolute; clear:both; }
.items img { margin:0; }

#navSlide1 { margin:0 28px 0 0; list-style:none; display:inline; height:33px; float:right; text-align:center; position: relative }
#navSlide1 li { float:right; height:33px; width:28px; padding:4px 5px 0 0; margin:0; display:inline-block; text-align:center; float: none; *display:inline; *zoom:1;}
#navSlide1 a { float:right; color: #116688; font-size:13px; padding:6px 0 0; width:100%; height:100%; font-weight: normal; border:none; cursor:pointer;background: url("../images/icons_2.png") no-repeat -73px -368px;}
#navSlide1 a:hover{background-position: 0 -368px; color: #116688;}
#navSlide1 li.active a { border:none; color: #bfbfbf; font-size:13px; font-weight:bold;}
#navSlide1 a:focus { outline: none; }

.height_44 {height: 44px;}

.maps {float:right; height:64px; width:148px; margin:13px 0 0 0; }
.contact_img1 { float:left; height:64px; width:64px; margin-left:10px; }
.contact_img1 a{ margin:0; }
.googleMapHolder { display: none; width: 500px; height: 500px; float: left; border: 1px solid #666; }
.comment_envoi{ float: left; display : none; text-align : center; width: 370px; padding : 10px 0; background: #ffffff; border:3px solid #999999; }
.comment_envoi img{ float: left; margin:0 40px 0 15px; }
.comment_envoi p{ float: right; width: 350px; margin: 0 20px 0 0; }

.file_envoi{ float: left; display : none; text-align : center; width: 370px; padding : 10px 0; background: #ffffff; border:3px solid #999999; }
.file_envoi img{ float: left; margin:0 40px 0 15px; }
.file_envoi p{ float: right; width: 350px; margin: 0 20px 0 0; }

.contact-invalid {float:right; margin:0;}
.contact-invalid-f {float:left; margin:0 0 0 66px;}
.contact-invalid-f label.error { border:none; width: auto; background:none; color:#bc1e1e; text-align:center; font-size:11px; font-style:italic; float:right; padding:0 25px 10px 0; }
label.error { border:none; background:none; color:#bc1e1e; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-style:italic; float:right; padding:0 25px 10px 0; }
input {	border: 1px solid black; }
input.checkbox { border: none }
input:focus { border: none; }
input.error { border: none; }

/* Class utiles */

.style1_title a {
    height: 50px; width: 125px; display: block;
    font-size: 32px; line-height: 50px; text-align: center;
    color: #666;
    padding: 0 0 0 75px; margin-bottom: 20px;
    background: url("../images/icons.png") no-repeat -28px -458px;
}
.style5,
.style2_title a {
    height: 50px; /*width: 388px;*/ display: block;
    font-size: 32px; line-height: 50px; text-align: left;
    padding: 0 0 0 68px; margin-bottom: 16px;
    background: url("../images/icons.png") no-repeat;
    color: #116688;
}

.style3 {
    width: 229px; float: left; margin: 0 0 25px 0;
}

.style3 div,
.style4 div {
    width: 175px; height: 126px; margin: 0 0 27px 0; padding: 25px;
    background: url("../images/bg_images.png") no-repeat top center;
}

.style4 div {
    float: left; margin-right: 25px;
}

.style3 div a,
.style4 div a {
    display: block; width: 175px; height: 126px;
    text-align: center;
}

.style3 div a img,
.style4 div a img{
    border: 2px solid #FFF;
}

.style3 h3 a,
.style4 h2 {
    font-size: 22px; color: #ff9900;
}

.style3 h3 a:hover {
    color: #116688;
}

.margin_right_25 {
    margin-right: 17px;
}

.style4 {
    width: 725px; min-height: 126px; margin: 0 25px 25px 0;
}

.style4 + * {
    clear: both;
}

.style4 h3 {
    color: #444444; font-size: 18px; text-align: left;
}

.style4 p {
    font-size: 14px;
}
.clear1px {padding: 0;margin:0;border:none;background:none;clear:both;height:1px;}

.lclear {clear: left;}