/* -------------------------------------------------------
PAGE CSS qui concerne la partie contact et ticket et appel
------------------------------------------------------- */

/* STYLE PROPRE */
/* ------------------------------------ */

/* formulaire de contact */
div#contact_form				{ margin-top:30px; }
div.contact_form_left			{ float:left; width:250px; }
div.contact_form_right			{ float:left; width:278px; margin-top:15px; }
.contact_text_center			{ margin-left:20px; text-align:center; }
#contact_title					{ color:#990033; text-align:center;line-height:31px; font-size:14px; background-image: url('../images/contact/fond_contact_titre.png'); height:31px; background-repeat:repeat-x; border:1px solid #B89D3A;}
h2.contact_historique			{ color:#990033; text-align:left; margin-top:20px; margin-bottom:20px; }
div#contact_informations		{ font-size:16px; font-weight:bold; color:#B52A52; /*background-color:#FEF8EF;*/ text-align:center; height:30px; line-height:30px; /*border:1px solid grey;*/ margin-top:10px; margin-bottom:10px;}	
.contact_information			{ font-size:14px; text-align:center; width:50% ; margin:30px auto; font-size:14px;}
#form_tab						{ margin-top:20px; margin-bottom:30px; }
.form_tab_tr					{ height:22px; }
.form_tab_left					{ vertical-align:top; text-align:right; font-weight:bold; }
.form_tab_right					{ vertical-align:top; text-align:left; }

#contact_formulaire	input[type="submit"] 			{ color:white; font-weight:bold; background-image:url('../images/contact/bouton_envoi_formulaire.png'); border:none; width:151px; height:24px;}
#contact_formulaire	input[type="submit"]:hover 		{ text-decoration:underline; cursor:pointer; }

/*affichage des conversations*/
.ticket							{ border:1px solid #B32A50; width:50%; padding:20px; margin:10px auto; }
.ticket_client					{ border:1px solid #B89D3A; width:70%; padding:20px; margin:10px auto; }
	.ticket_client p			{ margin:10px 0; }
.ticket_hotesse					{ border:1px solid #790033; width:70%; padding:20px; margin:10px auto; }
	.ticket_hotesse p			{ margin:10px 0; }

li.contact_liste_li				{ list-style-type:disc; color:#990033; height:20px; margin-left:20px; }

/*affichage des conversation (refonte)*/
.ticket_r							{ margin:10px; border-bottom: 1px solid #790033; background-image:url('../images/contact/fond_ticket_logo.png'); background-repeat: no-repeat; background-position: top right; }
.ticket_client_r					{ margin:10px; border-bottom: 1px solid #790033; }
.ticket_hotesse_r					{ margin:10px; border-bottom: 1px solid #790033; }
.title_contact						{ border-bottom:1px solid #B89D3A; color:#790033; font-weight:200; text-align:center; margin:15px; padding-bottom:10px;}

/* bouton class gris */
.btn_class				{ display:block;  text-decoration:none; font-weight:bold; height:33px;}
.btn_class:hover		{ text-decoration:none; font-weight:bold;}
.btn_class_left			{ float:left; width:14px; height:33px; background-image:url('../images/contact/btn_class_left.png'); background-repeat:no-repeat;}
.btn_class_back			{ float:left; height:33px; background-image:url('../images/contact/btn_class_back.png'); background-repeat:repeat-x; color:#362A42; line-height:33px; }
.btn_class_right		{ float:left; width:24px; height:33px; background-image:url('../images/contact/btn_class_right.png'); background-repeat:no-repeat;}

/* bouton class gris */
.btn_class_pink					{ display:block;  text-decoration:none; font-weight:bold; height:32px;}
.btn_class_pink:hover			{ text-decoration:none; font-weight:bold;}
.btn_class_left_pink			{ float:left; width:11px; height:32px; background-image:url('../images/contact/btn_class_left_pink.png'); background-repeat:no-repeat;}
.btn_class_back_pink			{ float:left; height:32px; background-image:url('../images/contact/btn_class_back_pink.png'); background-repeat:repeat-x; color:#BD3075; line-height:32px; }
.btn_class_right_pink			{ float:left; width:20px; height:32px; background-image:url('../images/contact/btn_class_right_pink.png'); background-repeat:no-repeat;}

/* Framework css */
/* --------------------------------------- */

/* --- alignements --- */
.centre					{ text-align:center; }

/* --- couleurs --- */
.colorFushia			{ color:#B32A50; font-weight:bold; }
.colorBordeau			{ color:#990033; }
.colorBordeauDark		{ color:#790033; font-weight:bold; }
.colorDarkPink		{ color:#BD3075; font-weight:bold; }

/* --- margin-top --- */
.marginTop10			{ margin-top:10px; }
.marginTop20			{ margin-top:20px; }
.marginTop30			{ margin-top:30px; }

/* --- margin-bottom --- */
.marginBottom10		{ margin-bottom:10px; }
.marginBottom20		{ margin-bottom:20px; }
.marginBottom30		{ margin-bottom:30px; }

/* --- margin-top-bototm --- */
.marginTopBottom10	{ margin-top:10px; margin-bottom:10px; }
.marginTopBottom20	{ margin-top:20px; margin-bottom:20px; }
.marginTopBottom30	{ margin-top:30px; margin-bottom:30px; }
.marginTopBottom40	{ margin-top:30px; margin-bottom:30px; }
.marginTopBottom50	{ margin-top:30px; margin-bottom:30px; }

/* --- margin-left --- */
.marginLeft5			{ margin-left:5px; }
.marginLeft10			{ margin-left:10px; }
.marginLeft15			{ margin-left:15px; }
.marginLeft20			{ margin-left:20px; }
.marginLeft25			{ margin-left:25px; }
.marginLeft30			{ margin-left:30px; }
.marginLeft40			{ margin-left:40px; }
.marginLeft50			{ margin-left:50px; }

/* --- margin-right --- */
.marginRight5				{ margin-right:5px; }
.marginRight10			{ margin-right:10px; }
.marginRight15			{ margin-right:15px; }
.marginRight20			{ margin-right:20px; }
.marginRight30			{ margin-right:30px; }
.marginRight40			{ margin-right:40px; }
.marginRight50			{ margin-right:50px; }

/* --- textes --- */
.lineHeight20			{ line-height:20px; }
.lineHeight30			{ line-height:30px; }

/* --- rond devant texte --- */
.rond_bordeau			{ background-color:red; width:10px; height:10px; }