/* importation des styles du site */
@import "http://www.cercledesvacances.com/voyage/styles/styles.css";

/* FEUILLE DE STYLES NEW SRA 2 */

/* 
!!!!! ATTENTION !!!!!
Ne surtout pas modifier ou supprimer la mention "ssl et MAIL"
Ces styles "ssl et MAIL" seront utilisés sur les pages sécurisées et dans l'envoi des mails -> ne pas mettre d'images
(ou seulement avec un chemin en absolu, si elles sont hébergées sur un serveur sécurisé)
*/

/*---ssl et MAIL---*/

body { 
}

#global_sra2 { /* style qui permet de centrer toute la page */ 
	width:997px;
	margin:auto;
	text-align:center;
	background-color:#fff;
}

.sra2_erreur { /* erreurs page */ 
}

#fil_ariane { /* le fil d'ariane */ 
	position :relative;
	bottom:10px;
}

.ariane_avant {  
	color:#cd5700;
}

.ariane_courant {
	color:#cd5700;
	font-weight:bold;
}

.ariane_apres {
	color:#cd5700;
}

.bloc_selection { /* bloc recapitulatif de la selection */ 
	width:792px;
	margin:auto;
	font-family:Arial;
	font-size:12px;
}

.bloc_etape { /* englobe titre et contenu bloc */
	width:792px;
	margin:auto;
	font-family:Arial;
	font-size:12px;
}

.new_titre1 {  
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background-color:#cd5700;
	width:792px;
	height:15px;
	margin-top:10px;
	padding:5px 0px 5px 10px;
}

.new_titre2 { 
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background-color:#cd5700;
	width:792px;
	height:15px;
	margin-top:10px;
	padding:5px 0px 5px 10px;
}

.contenu_bloc { /* englobe le contenu de chaque bloc (debute sous le titre) */ 
	width:770px;
	background-color:#f8e3c6;
	border:1px solid #cd5700;
	margin:auto;
	margin-bottom:10px;
	padding:10px 10px 10px 20px;
}
.contenu_bloc ul {
	margin-left:20px;
}

.sous_titre1 { 
	color:#cd5700;
	font-weight:bold;
	padding-right: 20px;
}

.sous_titre2 { 
}

.tableau_tarifs { /* style tableau mail */ 
}

/* ************** page paiement ************** */

.page_paiement { /* englobe toute la page */
	width:800px;
	margin:auto;
	text-align:left;
	font-family:Arial;
	font-size:12px;
}


/*---/ssl et MAIL---*/





/* ---------- Styles primaires : ("standards") --------- */

/* ************** sur toutes les pages ************** */

body { 
}

#global_sra2 { /* style qui permet de centrer toute la page */ 
	width:997px;
	margin:auto;
	text-align:center;
	background-color:#fff;
}

.sra2_erreur { /* erreurs page */ 
}

#wait { /* page d'attente */
}

#fil_ariane { /* le fil d'ariane */ 
	position :relative;
	bottom:10px;
	margin-left: 240px;
	margin-top:20px;
}

#fil_ariane  img {
	vertical-align:middle;
}

.ariane_avant {  
	color:#cd5700;
}

.ariane_courant {
	color:#cd5700;
	font-weight:bold;
}

.ariane_apres {
	color:#cd5700;
}

.bloc_selection { /* bloc recapitulatif de la selection */ 
	width:792px;
	margin:auto;
	font-family:Arial;
	font-size:12px;
}

.bloc_etape { /* englobe titre et contenu bloc */
	width:792px;
	margin:auto;
	font-family:Arial;
	font-size:12px;
}


.new_titre1 { 
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background-color:#cd5700;
	width:792px;
	height:15px;
	margin-top:10px;
	padding:5px 0px 5px 10px;
}

.new_titre2 { 
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background-color:#cd5700;
	width:792px;
	height:15px;
	margin-top:10px;
	padding:5px 0px 5px 10px;
}

.contenu_bloc { /* englobe le contenu de chaque bloc (debute sous le titre) */ 
	width:770px;
	background-color:#f8e3c6;
	border:1px solid #cd5700;
	margin-bottom:10px;
	padding:10px 10px 10px 20px;
}
.contenu_bloc ul {
	margin-left:20px;
}

.sous_titre1 { 
	color:#cd5700;
	font-weight:bold;
	padding-right: 20px;
}

.sous_titre2 { 
}

/* ************** uniquement pages : devis et recap ************** */

.titre3 { 
	color:#fff;
	font-weight:bold;
	font-size:14px;
	background-color:#cd5700;
	width:792px;
	height:15px;
	margin-top:10px;
	padding:5px 0px 5px 10px;
}

.numero_etape { /* numero des etapes (toujours associe a titre 3) */ 
	margin-right:10px;
}

.fond1 { 
	background-color:#cd5700;
	color:#FFF;
}

/* **************  uniquement pages : devis et confirmation ************** */

.mise_en_valeur1 { 
	padding-left:10px;
	padding-right:10px;
	color:#cd5700;
	font-style:italic
}

/* **************  uniquement pages : devis recap confirmation et mail ************** */

.tableau_tarifs { /* style de tous les tableaux */ 
	border:1px solid #cd5700;
	width:700px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	font-size:11px;
}
	#sra2_table_tarif th { /* entete et pied du tableau */ /* !!!!!!A CHANGER!!!!!!! */
	text-align:center;
	background-color:#cd5700;
	border-right:1px solid #f8e3c6;
	border-left:1px solid #f8e3c6;
	color:#fff;
	}
	#sra2_table_tarif td { /* cellules du tableau */ /* !!!!!!A CHANGER!!!!!!! */
	border-bottom:1px solid #cd5700;
	text-align:right;
	border-right:1px solid #f8e3c6;
	border-left:1px solid #f8e3c6;
	height:20px;
	}
		#sra2_table_tarif td.libelle_tarifs { /* celulles de libellés du tableau */
		text-align:left;
		padding-left:5px;
		}




/* ---------- Styles secondaires : ("personnalisation plus complete") --------- */

/* ************** page devis ************** */

.page_devis { /* englobe toute la page */
	width:800px;
	margin:auto;
	text-align:left;
}

.destination_voyage { /* nom de la destination */
	color:#cd5700;
	font-weight:bold;
	padding-right: 20px;
}

.titre_voyage { /* titre complet du voyage */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000;
	font-weight: bolder;
	margin-right:10px;
}

.bloc_criteres { /* englobe moteur pour affinez les criteres du voyage */
}

.bloc_hebergement_regime { /* englobe etape "choix hebergement et pension" */
}

.bloc_personnaliser_voyage { /* englobe etape "personnalisez votre voyage" */
}

.bloc_completer_voyage { /* englobe etape "completez votre voyage" */
}

.bloc_assurances { /* englobe etape "assurances" */
}

.bloc_detail_devis { /* englobe etape avec tableau de tarifs */
}

/* ************** page recap ************** */

.page_recap { /* englobe toute la page */
	width:800px;
	margin:auto;
	text-align:left;
}

.bloc_tarif_final { /* englobe etape avec tableau de tarifs final */
	width:792px;
	margin:auto;
	font-family:Arial;
	font-size:12px;
}

.bloc_infos_voyageurs { /* englobe etape "infos voyageurs" */
}

.bloc_validation_cmd { /* englobe etape "validation de votre commande" */
}

/* ************** page confirmation ************** */

.page_confirmation { /* englobe toute la page */
}

/* ************** page news ************** */

.page_newsletter { /* englobe toute la page */
}

/* ************** page suivi cmd ************** */

.page_suivi_cmd { /* englobe toute la page */
}

.page_suivi_cmd2 { /* englobe toute la page */
}

.bloc_messages { /* englobe etape "messages" */
}

.bloc_questions { /* englobe etape "questions" */
}

.bloc_contact { /* englobe etape "Nous contacter" */
}

/* ------------------ AJOUTS -----------------*/
.sra2_form_paxs  {width:750px;}
.sra2_form_clients {width:750px;}
.sra2_form_paxs td {height:25px;}
.sra2_form_clients td{height:25px;}

.sra2_commentaire  textarea{width:700px;}

#ma_repartition{margin-left:95px;}


/* ------------------ FOOTER ----------------*/
#footer { height:110px;clear:both;background-color:#cd5700;color:#FFFFFF;text-align:center;font-size:11px;padding:5px 0px 5px 0px;}
#footer a{ color:#FFFFFF;text-decoration:underline;}
#footer a:hover{ color:#FFFFFF;text-decoration:none;}