/* CSS Document */

/* STYLE CSS - PAGE CONTACT */

.bodyContent2TxtContact {
	color:#404040;
	background-color:#f0f0f0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 30px;
	text-align:justify;
}

.bodyContent2TxtContact h2{
	font-size: 20px;
	text-align: left;	
	padding: 0 0 5px 0;
}

.contact_cartouche {
	color:#404040;
	height:58px;
	width:100%;	
}

.contact_cartouche_left {
	background:url(../../images/contact/commun/contact_cartouche_left.gif) no-repeat;
	height:58px;
	width:31px;
}

.contact_cartouche_left_tel {
	background:url(../../images/contact/commun/contact_cartouche_left_tel.gif) no-repeat;
	width:76px;
}

.contact_cartouche_txt{
	background:url(../../images/contact/commun/contact_cartouche_fond.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	height:50px;
	padding-top:3px;
	text-align:center;
}
.contact_cartouche_txtNB{
	font-size:24px;
}
.contact_cartouche_right{
	background:url(../../images/contact/commun/contact_cartouche_right.gif) no-repeat;
	height:58px;
	width:31px;
}
/* ---------------------- block image telephone - FIN ---------------------- */

/* ---------------------- block formulaire contact - DEBUT ---------------------- */
.contact_formulaire_top{
	background:#fafafa;
	min-height:100px;
	width:590px;
}
.contact_formulaire_top_left, .contact_formulaire_top_right{
	float:left;
	height:100%;
	padding:10px;
	width:226px;
}
.contact_formulaire_top_right{
	font-size:10px;
	padding:0;
	width:344px;
}
.contact_formulaire_top_left select{
	color:#404040;
	margin:10px;
}
.contact_formulaire_top_right_content{
	background:#fff;
	margin:10px;
	padding:10px;
}
.contact_formulaire_top_bottom{
	height:40px;
	margin:0 auto;
	width:300px;
}
.contact_formulaire_select{
	background:#fafafa;
	height:100%;
	padding:10px 20px;
	vertical-align:bottom;
}
.contact_formulaire_select_titre{
	height:26px;
	background: url(../../images/transverse/commun/h2_fond_titre.png) #6a6a6a repeat-x bottom;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:20px;
	
}
.contact_formulaire_select_titre_vert{
	background: url(../../images/transverse/commun/h2_fond_titre_vert.png);
	height:26px;
	margin-left:-20px;
	margin-right:-20px;
	margin-bottom:20px;
}
.contact_formulaire_select_titre_txt{
	color:#fff;
	float:left;
	font-size:12px;
	font-weight:bold;
	padding-top:6px;
	padding-left:20px;
}
.btn_formulaire_annuler {
	background: url(../../images/transverse/commun/btn_fond_supprimer_gris_long.png) no-repeat center right;
	float:right;
	color:#fff;
	cursor: pointer;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	line-height:20px;
	margin-right:10px;
	padding:3px 30px 3px 10px;
}
.btn_formulaire_annuler a:link, .btn_formulaire_annuler a:visited{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.btn_formulaire_annuler a:hover{
	color:#fff;
	text-decoration:underline;
}
.formulaire_cell{
	margin-bottom: 10px;
}
.formulaire_cell_txt{
	text-align:right;
	width:200px;
}
.formulaire_cell tr td input{
	margin:3px 0 3px 10px;
	width:200px;
}
.formulaire_cell tr td select{
	margin:3px 106px 3px 10px;
	width:207px;
}
#DemandeAlignement .formulaire_cell tr td select{
	width:auto;
}
.formulaire_cell_alert{
	background:#fff;
	border:2px solid #ca0003;
	color:#ca0003;
	font-weight:bold;
	margin:0 auto 10px;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
}
.contact_formulaire_select textarea{
	height:110px;
	margin-top:5px;
	width:100%;
}
.contentcellPartenrWeb{
	clear:both;
	height:100%;
}
.cellPartnerWebTxt{
	clear:both;
	float:left;
	padding-right:10px;
	padding-top:7px;
	text-align:right;
	width:137px;
}
.cellPartnerWebChamps{
	float:left;
	padding-left:2px;
	width:250px;
}
.cellPartnerWebChamps select{
	margin-top:4px;
}
.cellPartnerWebChamps input{
	margin-top:6px;
}
.cellPartnerJobsChamps input{
	margin-top:4px;
}
.blockAuto_1, .blockAuto_2{
	float:left;
	height:32px;
	width:265px;
}
.blockAuto_2{
	height:4px;
}
.obligatoire{
	color:#ca0003;
	font-weight:bold;
}
.message_cnil{
	color:#404040;
	font-size:10px;
	height:auto;
	margin:10px auto;
	padding:5px;
	text-align:center;
}
.BlockrecevoirCopyEmail{
	float:left;
	font-weight:bold;
	padding:5px 10px 5px 5px;
	height: 24px;
	line-height: 24px;
}
/* ---------------------- block formulaire contact - FIN ---------------------- */

/* ---------------------- GEN JOBS - DEBUT ---------------------- */
.genJobsLien a:link, .genJobsLien a:visited, .genJobsLien a:hover{
	color:#404040;
	text-decoration:underline;
}
/* ---------------------- GEN JOBS - FIN ---------------------- */

#select_service OPTGROUP {
	font-style: normal;
	font-weight: normal;
}

.inputExemples {
	font-style:italic;
	color:#888;
}

.bandeauHaut {
	width: 916px;
	height: 168px;
	padding: 10px 0;
	background:url(../../images/contact/commun/bandeau_vert.jpg) no-repeat;
	color: #fefefc;
	font-size: 110%;
}

.bandeauHautTitre {
	color: #404040;
	font-style: italic;
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

.bandeauHautTitre span {
	background:url(../../images/contact/commun/bandeau_titre_petit.png) repeat-x;
	border-radius:20px;
	display: inline-block;
	padding: 0 20px;
	height: 26px;
	line-height:26px;
}

.bandeauHautListe {
	padding: 0px 250px;
	height: 147px;
	overflow: hidden;
}

.bandeauHautListe a {
	color: #fefefc;
	text-decoration: none;
}

.bandeauHautListe a:hover {
	text-decoration: underline;
}

.bandeauHaut ul {
	padding: 0;
	margin: 5px 0;
	font-style: italic;
}

.bandeauHaut li {
	padding: 5px 0;
}

.blocCourriel {
}

.blocFaq {
	width: 294px;
	margin-left: 17px;
	margin-bottom: 20px;
	float: left;
}

.blocFaq.debut {
	margin-left: 0;
}

.blocFaq .haut {
	background:url(../../images/contact/commun/onglet.png) no-repeat;
	padding: 0px 20px;
	font-size: 130%;
	font-weight: bold;
}

.blocFaq .haut .titre {
	height: 74px;
	float: left;
	text-align:left;
	position: relative;
	width: 149px;
}

.blocFaq .haut .titre.logo {
	height: 74px;
	width: 105px;
}

.blocFaq .haut .titre.avant {
	background:url(../../images/contact/commun/picto_avant.png) no-repeat;
}

.blocFaq .haut .titre.apres {
	background:url(../../images/contact/commun/picto_apres.png) no-repeat;
}

.blocFaq .haut .titre.compte {
	background:url(../../images/contact/commun/picto_compte.png) no-repeat;
}

.blocFaq .haut .titre.divers {
	background:url(../../images/contact/commun/picto_divers.png) no-repeat;
}

.blocFaq .haut .titre.montage {
	background:url(../../images/contact/commun/picto_montage.png) no-repeat;
}

.blocFaq .haut .titre.pro {
	background:url(../../images/contact/commun/picto_pro.png) no-repeat;
}

.blocFaq .haut span {
	position: absolute;
	bottom: 10px;
}

.blocFaq .contenu {
	background: white;
	padding: 0 20px 20px 20px;
	height: 100%;
}

.blocFaq .contenu ul {
	padding: 0 0 0 10px;
	margin: 0;
	text-align: left;
}

.blocFaq .contenu ul li {
	padding: 5px 0 5px 0;
}

.blocFaq .contenu ul li a {
	color: black;
	text-decoration: none;
}

.blocFaq .contenu ul li a:hover {
	text-decoration: underline;
}

.contact_titre {
	background:url(../../images/contact/commun/titre_petit.png) no-repeat;
	padding: 0 10px;
	height: 28px;
	margin-bottom: 25px;
}

.contact_titre img {
	vertical-align: middle;
}

/* ------------------------ */

.faq .titre1 {
	background:url(../../images/contact/commun/faq/faq_titre1.jpg) repeat-x;
	padding: 5px 20px;
	height: 20px;
	color: #fffaff;
	font-size: 120%;
	border-top-left-radius:15px;
	position: relative;
	text-transform: uppercase;
}

.picto {
	position: absolute;
	right: 10px;
	bottom: -5px;
	width: 80px;
	height: 66px;
}

.faq .titre1 .picto.avant {
	background:url(../../images/contact/commun/faq/picto_avant.png) no-repeat;
}

.faq .titre1 .picto.apres {
	background:url(../../images/contact/commun/faq/picto_apres.png) no-repeat;
}

.faq .titre1 .picto.compte {
	background:url(../../images/contact/commun/faq/picto_compte.png) no-repeat;
}

.faq .titre1 .picto.divers {
	background:url(../../images/contact/commun/faq/picto_divers.png) no-repeat;
}

.faq .titre1 .picto.montage {
	background:url(../../images/contact/commun/faq/picto_montage.png) no-repeat;
}

.faq .titre1 .picto.pro {
	background:url(../../images/contact/commun/faq/picto_pro.png) no-repeat;
}

.faq .titre2 {
	background:url(../../images/contact/commun/faq/faq_titre2.jpg) repeat-x;
	height: 31px;
	padding: 0 20px;
	font-weight: bold;
	font-size: 110%;
	line-height:31px;
	position: relative;
	cursor: pointer;
}

.faq .titre2 a {
	color: #404040;	
	text-decoration: none;
}

.faq .titre2 .chevron {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 41px;
	height: 31px;	
}

.faq .titre2 .chevron.ferme {
	background:url(../../images/contact/commun/faq/chevron_ferme.jpg) no-repeat;
}

.faq .titre2 .chevron.ouvert{
	background:url(../../images/contact/commun/faq/chevron_ouvert.jpg) no-repeat;	
}

.faq .titre3 {
	background-color: #ECEBE9;
	border-radius: 20px;
	padding: 5px 20px;
	font-size: 110%;
}

.faq .contenu {
	background-color: #ffffff;
	padding: 20px;
}

.faq .contenu ul {
	padding: 0 0 0 20px;
	margin: 5px 0 15px 45px;
}

.faq .contenu ul li {
	list-style-image: url("../../images/contact/commun/faq/puce.png");
	padding: 5px 0;
}

.questionReponseFaq .question {
	cursor: pointer;
}

.questionReponseFaq .question:hover {
	text-decoration: underline;
}

.faq .standardiste {
	width: 85px;
	height: 60px;
	margin-left: -97px;
	margin-top: -12px;
	float: left;
}

.faq .standardiste.homme {
	background:url(../../images/contact/commun/faq/reponse_homme.jpg) no-repeat;
}

.faq .standardiste.femme {
	background:url(../../images/contact/commun/faq/reponse_femme.jpg) no-repeat;
}

.faq .bulle {
	margin-top: 8px;
	background-color: #D3FFB2;
	border-radius: 15px;
	padding: 12px;
}

.faq .bulle .details {
	margin: 15px 0 0 0;
	font-size:80%;
	display: block;
}

.faq .bulle .details a:visited {
	color: blue;
}

#infoBlock .paragrapheCompte ul {
	margin: 0;
	padding: 0 10px;
	text-align: left;
}

#infoBlock .paragrapheCompte ul li {
	padding: 5px 0 ;
	margin-left: 10px;
	font-size: 12px;
}

#infoBlock .paragrapheCompte ul li a {
	color: #404040;
	text-decoration: none;
}

#infoBlock .paragrapheCompte ul li a:hover {
	text-decoration: underline;
}

.popup_contenu_contact {
}
