/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

html, body {
	height:100%;
	margin-bottom:1px;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#484848;
/*
	background-color:#ff3a10;
	background-color:#ff6600;
	background-color:#ff3300; /* orange vif */
*/

	background-color:#ff3300; /* orange vif */
	background-image:url(../images/background.jpg);
	background-attachment:fixed;
}

a {
	color:#ff3300; /* orange vif */
}

img {
	border: 0 none;
}

.menu1 h1 {
	font-size:24px;
	color:#FF3300; /* orange vif */ /* #E75404; */
	margin-bottom:15px;
	font-weight:300;
}

.menu2 h1, .menu2 h1 a,
.menu3 h1, .menu3 h1 a,
.menu4 h1, .menu4 h1 a {
	font-size:14px;
	color:#FF3300; /* orange vif */
	text-decoration: none;
	font-weight: bold;
	text-decoration:none;
	margin-bottom:10px;
}

h2, h3 {
	color:#FF3300; /* orange vif */
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	line-height: 24px;
}

.menu5 h1, .menu5 h1 a {
	font-size:16px;
	color:#FF3300; /* orange vif */
	font-weight: bold;
	text-decoration:none;
	margin-bottom:0px;
	list-style:none;
}

.menu5 span.titre {
	margin:0;
	font-size:16px;
	color:#FF3300; /* orange vif */
	font-weight: bold;
	text-decoration:none;
	margin-bottom:10px;
	list-style:none;
}

.questions li, .questions li a {
	font-size:16px;
	color:#FF3300; /* orange vif */
	font-weight: bold;
	text-decoration:none;
	margin-bottom:0px;
	list-style:none;
}

.quest_rep ul {
	color: #484848;
	padding-left: 1em;
}

.quest_rep div {
	padding-top:10px;
	border-bottom:1px solid #FF3300; /* orange vif */
}

p {
	margin-bottom:15px;
}

#offres_persos .contenu_bas p {
	margin:0;
}

br {
	line-height:10px;
}

#site {
	background-color:white;
	width:945px;
	margin: 0 auto;
	min-height:100%;
	padding-top:14px;
}

#banner {
	float:left;
	position:relative;
	width:925px;
	height:263px;
	margin-top:0px;
	margin-left:10px;
}

#banner a img {
	position:absolute;
	top:0;
	left:0;
}

.orange {
	color:#FF3300; /* orange vif */
	font-size:14px;
}

.menu2 .orange strong a, 
.orange strong a {
	color:#FF3300; /* orange vif */
	text-decoration:underline;
}

.fondorange, 
.fondorange input {
	background-color:#FF3300;  /* orange vif */
	color:white;
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}

.fondorange a { 
	color:white;
}

#offres_persos .contenu_bas .fondorange p {
	margin-left:5px;
}

.nav li.fondorange, 
.nav li.fondorange a {
	background-color:#FF3300;  /* orange vif */
	margin:0;
	padding:0;
}

.nav li.fondorange a {
	padding-top:3px;
}

#offres_persos .contenu_bas form table td p {
	margin-left:5px;
}

#image_inscrire {
	margin-top:180px;
}

.image_contact {
	margin-top:31px;
}

/*MENU*/

.breadcrumb li {
	display:inline;
}

.nav {
	font-family:Arial, Helvetica, sans-serif;
	width:925px;
	height:21px;
	list-style: none ;
	text-align: center ;
	margin-left:10px;
	float:left;
}

.nav ul {
	width:925px;
	float:left;
}

.nav li {
	width:130px; /* width:183px; */
	height:21px;
	list-style-type:none;
	float:left;
	background-color:#AFAFAF; /* #C6C6C6 */
	border:1px solid #eaeaea;
}

.nav li a {
	display:block;
	background-color:#AFAFAF; /* #C6C6C6 */
	color:white;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:3px;
}

.nav li a:hover {
	color:#484848;
}

.nav1 li#current a {
	text-decoration: none;
	color: #484848;
	padding-top:3px;
}


/*NAV2*/

.nav2 {
	float:left;
	width:260px;
	width:240px;
	padding-right:20px;
	margin-top:17px;
}

.snav2 * {
	margin:0;
	padding:0;
}

ul.snav2 {
	float:left;
	font-size:14px;
	line-height:24px;
}

ul.snav2 li {
	float:left;
	list-style-type:none;

	width:200px;
	height:30px;
	margin-top:6px;
}

ul.snav2 li a {
	display:block;
	color:#484848;
	text-decoration:none;

	padding-left:25px;
	padding-top:3px;

	width:200px;
	height:30px;
}

ul.snav2 li a:hover {
	display:block;
	color:#FF3300; /* orange vif */

	background-image:url("../images/fleche-ie.png");
	background-position:0px 2px;
	background-repeat: no-repeat;
	background-color:#eaeaea;

	width:200px;
	height:30px;
}

/* sous menu selectionnee */
#selected a {
	display:block;
	color:#FF3300; /* orange vif */

	background-image:url("../images/fleche-ie.png");
	background-position:0px 2px;
	background-repeat: no-repeat;
	background-color:#eaeaea;

	width:200px;
	height:30px;

	padding-top:3px;
}













/* CONTENU */


.centre {
	width:925px;
	background-color:white;
	float:left;
	margin-top:14px;
	margin-left:10px;
}

.contenu {
	float:left;
	width:645px; 
	margin-top:27px;
	line-height: 24px;
}

.colonne_gauche {
	float:left;
	text-align:left;
	width:270px;
	margin-bottom:15px;
}

.middle .colonne_gauche {
	width:220px;
}

.colonne_droite p, 
.colonne_gauche p {
	margin-bottom:0;
}

.colonne_droite  {
	text-align:right;
	float:left;
	width:180px;
}

.colonne_droite p {
	/* margin-right:250px; */
	text-align:right;
}

p.clear {
	clear: both;
}

p.clearleft {
	clear: left;
}

.tableauComparatif {
	font-size:80%;
}
.tableauComparatif th {
	line-height: 15px;
	padding: 10px 0 10px 0;
}

.tableauComparatif td {
	line-height: 15px;
	padding: 5px 0 5px 0;
}

.tableauComparatif th *, 
.tableauComparatif td * {
	text-align:center;
}

#questions_diverses {
	margin-top:0px;
}

#questions_diverses p {
	margin-bottom:0px;
}

#questions_diverses ul {
	margin-left:15px;
	list-style-type:round;
	color:#484848;
}

.menu2 .contenu ul {
	list-style-type:round;
	color:#484848;
	padding-left:1em;
}






/* BLOC DE PUB */

.contenu.large {
	float:right;
	margin-top:0;
}

.contenu.middle {
	width:460px; 
}

.blocpub {
	float:left;
	margin-top:27px;
	width:190px;
	height:240px;
	padding:5px;
	/* background-color:#FF3300; */
	color:white;

	background-image:url(../images/postit-orange.png);
	/* background-attachment:fixed; */
	background-position:top left;
	background-repeat:no-repeat;
}

.blocpub a {
	color:white;
}

.blocpub p strong {
	display:block;
	margin-top:30px;
}

.blocpub p {
	padding-left:13px;
	padding-right:12px;
}







	
/*Google Map*/	
#map {
	width:634px;
	height:400px;
}
	
.gmnoprint {
	font-size:12px;
	line-height: 18px;
}
/*/Google Map*/



/* file d'Ariane */


#file {
	width:925px;
	padding-left:3px;

}

#file li {
	color:#FF3300; /* orange vif */
	list-style-type:none;
	font-size:12px;
	display:inline;
}

#file li a {
	text-decoration: none ;
	color:#c6c6c6;
}
	
#file li a:hover {
	text-decoration: none ;
	color:#484848;
}

	


/* HOME PAGE */

.contenu-home {
	background:white;
	position:relative;
	width:542px;
	float:left;
	margin-top:40px;
	line-height: 24px;
}

.contenu-home .texte{
	margin-left:20px;
	width:504px;
}

#file li#ariane {
	color:#FF3300; /* color:#E75404; */
	margin-left:20px;
	margin-top:10px;
	list-style-type:none;
	font-size:12px;
}

#ariane a {
	text-decoration: none ;
}

/*NEWS*/
#news {
	float:left;
	width:382px;
	height:480px;
	margin-top:63px;

	/* position:relative; */
	/* top:-10px; */

	background-image:url("../images/bloc_news_home.png");
	background-repeat:no-repeat;
	background-position:bottom center;

	border-left:1px solid #FF3300; /* orange vif */
}

#img {
	/*
	float:right;
	margin-right:24px;
	*/
	width:338px;
	margin-left:auto;
	margin-right:auto;
}

#news_texte {

	color:white;
	line-height:24px;
	width:318px;
	padding:10px;
	min-height:100px;

	background-color:#FF3300;  /* orange vif */

	margin-left:auto;
	margin-right:auto;
}

#news_texte #news1 {
	min-height:100px;
}

#news_texte p {
	margin:0;
}




/*Faq*/

.questions#a {
	text-decoration:none;
}

.questions {
	border-bottom:1px #E85412 solid;
	background:white;
	/* width:634px; */
	margin-top:-2px;
	line-height:30px;
}

.questions ul {
	margin-left:0;
	list-style-type:none;
	margin-bottom:10px;
}

.quest_rep {
	margin-top:5px;
	padding-bottom:50px;
}
	
.quest_rep a img {
	float:right;
	border:none;
	position:relative;
}
	
/*/Faq*/

/*CONTACT PAGE*/
.contenu_contact {
	background:#fff;
	position:relative;
	width:634px;
	float:left;
	margin-top:25px;
}

/*tableau*/
table#tbcolor td {
	border-bottom:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
}

#tbcolor th {
	border-bottom:1px solid #C6C6C6;
	border-right:1px solid #C6C6C6;
}

table#tbcolor td p {
	margin:0;
}

table#tbcolor th *, 
table#tbcolor td * {
	text-align: center;
}

#tbcolor .no_marge {
	border-right:0px;
}

#tbcolor .no_marge_spec {
	border-right:0px;
	border-bottom:0px;
}
	
#tbcolor .no_marge_bas {
	border-bottom:0px;
}

#tbcolor th {
	height: 22px;
	margin-top: 5px;
}

#tbcolor th p {
	font-weight:bold;
	color:#484848;
}

/*/tableau*/
	
/*/CONATCT PAGE*/

/*/CONTENU*/

#footer {
	background:#FFFFFF;
	color:#ababab;
	text-align: center;
	width:945px;
	height:30px;
	margin: 0 auto;
	padding-top:40px;
}

.blocfooter {
	display:block;
	float:left;
	width:925px;
	height:30px;
}

.btnmarge {
	display:block;
	margin-left:150px;
}

.btnmarge p {
	margin-top:10px;
}





/* stylized course table */

#coursListe {
	/* position:relative; */
}

table.coursListe tr td {
	border: none;
}

table.coursListe tr.line td {
	background-color:white;
}

table.coursListe tr.line:hover td {
	background-color:#FF3300; /* #E9540F */
	color:white; /* #aaa */
}

table.coursListe tr.line.courscomplet td, 
table.coursListe tr.line .courscomplet {
	/* text-decoration:line-through; */
}

table.coursListe tr.line.courscomplet table {
	text-decoration:line-through;
}

table.coursListe tr.line.courscomplet td span.courscomplet strong {
	text-decoration:line-through;
}
 
table.coursListe tr.line:hover td {
	background-color:#FF3300; /* #E9540F */
	color:white; /* #aaa */
}

.courscomplet .alerte {
	position:relative; /* position:absolute; */
	top:0;
	left:140px; /* left:330px; */
	font-weight:bold;
	color:#FF3300;
	text-decoration:normal;
}







/* btn */


.btn { display: block; float: left; position: relative; background: #aaa; padding: 5px; color: #fff; text-decoration: none; cursor: pointer;}
 a.btn { color:white;}
 .btn * { font-style: normal; background-image: url(../images/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
 .btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
 .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
 .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
 .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }
.btn.order { 
	background:#ff3300; /* background:#ff6600; */
}
.btn:hover { background-color: #EA5010; }
.btn:active { background-color: #ff6600; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn.order { border-color: #ff6600; }
* html .btn:hover { border-color: #a00; }







/* NEWS ajaxTicker */

div.ajaxTicker {
	display:block;
	/* background: #fff; */
	margin-top:10px;
}

div.ajaxTicker ul {
	list-style:none;
}







/* CSS formulaire de contact */


.cssform label {
	float: left; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] {
	float:left;
	width: 180px;
	margin-right:10px;
}

.reqMark {
	/* margin-top:10px; */
}

.cssform select {
	float:left;
	width: 184px;
	margin-right:10px;
}

.cssform textarea {
	float:left;
	width:250px;
	height:100px;
	margin:0;
	margin-right:10px;
}

#formulaire {
	padding-top:20px;
	float:left;
	/* display:block; */
	border-bottom:1px #FF3300 solid;
	border-top:1px #FF3300 solid;
	padding-bottom:20px;
	/* width:634px;*/
	/* padding-left:30px; */
	/* margin-left:30px; */
}

#formulaire .form_ligne {
	width:610px;
}

.entete {
	width:634px;
	padding-bottom:20px;
	/* margin-left:60px; */
}

#validez {
	float:left;
	width:634px;
	padding-bottom:20px;
}

form #validez .errMsg, 
#validez span {
	float:none;
}

#coordonnees {
	width:500px;
	padding-bottom:20px;
	margin-left:60px;
}

.menu2 span a {
	/* display:block; */
	color:#484848;
}

.menu2 strong a {
	text-decoration:none;
}

.info_form {
	color:#C6C6C6;
	font-size:11px;
}

.titre, 
.titre.black {
	display:block;
	color:#FF3300;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight:bold;
}

.titre.black {
	color: #484848;
	margin:0;
	margin-bottom:10px;
}

.form_ligne {
	display:block;
	float:left;
	margin-bottom:5px;
	/* position:relative; */
	/* width:600px; */
	/* height:26px; */
}





/* 
 wFORMS 2.0 Stylesheet - Campground Theme v3 (with tool-tip) - Aug. 2006
 See http://www.formassembly.com/wForms
 
 To be used along with wforms-jsonly.css
 This stylesheet and the associated images are Copyright (c) 2005 Cedric Savarese (http://www.4213miles.com)	
 and licensed under the Creative Commons Attribution-ShareAlike License (http://creativecommons.org/licenses/by-sa/2.0/) 
*/

div#coursListe{
	border: 0;
}


/* Form Sections ======================================================================== */

/* Fieldset  */
fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	background-color:#F5F4F6;
	border-left: 1px solid #E9E8EB;
	border-top: 1px solid #E9E8EB;
	overflow: auto;
}
legend {
	padding: 2px 5px;
	color: #4A60FC;
	font-weight: bold;
}
/* Nested Fieldset  */
fieldset fieldset  {
	background-color:#FFF;
	border: 1px solid #ccc;
}
fieldset fieldset legend {
	font-size: 90%;
}
/* Inline Section */
.inlineSection {
	overflow: auto;
	width: 100%;	
}
/* Grid Section */
form table {
	border-collapse: collapse;
}
form td {
	/* padding: 0 4px; */
	/* border-left: 1px solid #DFDED2; */
	/* border-right: 1px solid #DFDED2; */
}
form th {
	padding: 0 4px;
}
form .alternate-1 {
	background-color:#E8F0E8;
}
form .alternate-1 td {
	border-left: 1px solid #DFDED2;
	border-right: 1px solid #DFDED2;	
}

/* Combo Label + Input Field =========================================================== */
form .oneField {
	margin: 6px 0;
	display: block;
	vertical-align: middle;
}
form .inlineSection .oneField {
	margin-right: 2px;
	white-space: nowrap;	
	display: inline;
}
/* Ties together a label and its checkbox or radio */
form .oneChoice {
	color:black;
	white-space: nowrap; 	
}

/* Field Labels ======================================================================== */

/* Base */
label, form .label {	
	color: #333;
	margin: 0;
}
/* Text inputs / Select label */
label.preField {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
}
/* Radio / Checkbox group label */
form .label  {
	display: block; 
	margin: 0.6em 4px 0 0;
	padding: 2px;
}
/* Individual Checkbox / Radio label */
label.postField  {
	margin: 0 4px 0 4px;
	font-size: 100%; 
}
/* Label when inside an inline section */
form .inlineSection .oneField .inlineLabel {
	display: -moz-inline-box;
	display: inline-block;	
	margin: 0.6em 4px 0 0;
	padding: 0 2px;
	min-width: 7em;
	white-space: normal;
}

/* Inputs ======================================================================== */

textarea {
	padding: 0;
	vertical-align: top;
	margin: 2px 2px 1px 0;
}

.inlineSection .oneField select {
	margin: 0 2px 1px 0 !important;
}
.gridSection select  {
	margin: 0 !important;
}

/* Buttons ======================================================================= */

form .actions {
	margin: 20px 0 10px 0;	
	padding: 10px 5px;
	background-color: #F5F5F5;
	border-top: 2px solid #339933;
	text-align: right;
}
/* Submit button */
form .primaryAction {
}
/* Cancel button */
form .secondaryAction {
	color: grey;
}
form .secondaryAction:hover {
	color: black;
}

/* Form Builder Related Rules ===================================================== */

/* Form or Fieldset instruction paragraph. */
form .instructions {
	margin: 1.5em 0;
	padding: 3px;
	background-color:#FFFFCC;
}

/* Asterisk on required fields */
form .reqMark {
	float:left;
	color: #FF3300;
	/* padding: 0 4px; */
	margin:0;
}
/* wForms Related Rules ========================================================== */

/* Field w/ a validation error */
form .errFld {
	padding: 1px;
	border: 1px solid #FF3300;
}
/* Styling for message associated with a validation error. */
form .errMsg {
	color: #FF3300 !important;
	display: inline;
	float:left;
	margin-right:5px;
}
/* Field-Hint with focus */
form .field-hint {
	position: absolute;
	width: 180px;
	z-index: 50;
	background-image: url(/images/v2/hint_topborder.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	padding: 14px 0 0 0;
	margin:  2px 0 0 10px;
	color: #000;
}
form .field-hint div {
	background-color: #fffbb8;
	border-left: 1px solid #ffc20d;
	border-right: 1px solid #ffc20d;
	border-bottom: 1px solid #ffc20d;
	padding: 4px
}
/* Field-Hint without focus */
form .field-hint-inactive {
	visibility: hidden;
	position: absolute;
}
/* Repeat Behavior divs (when not set on a fieldset) */
div.repeat {
	margin: 3px 0;
	padding-right: 6px;
	border: 1px dotted #ddd;
	background-color: #FFFFFF;
}
div.removeable {
	margin: 3px 0;
	padding-right: 6px;	
	border: 1px dotted #ccc;
	background-color: #F3F3F3;
	
}
/* Links generated by the Repeat Behavior */
form .duplicateLink {
	line-height: 260%;
	font-weight: bold;
}
form .removeLink {
	line-height: 260%;
}
form td .duplicateLink, form td .removeLink  {
	margin: 0;
	line-height: 100%;
}
/* Switch Behavior Classes */
.onstate-a,  .onstate-b,  .onstate-c,  .onstate-d,
.onstate-e,  .onstate-f,  .onstate-g,  .onstate-h, 
.onstate-i,  .onstate-j,  .onstate-k,  .onstate-l, 
.onstate-m,  .onstate-n,  .onstate-o,  .onstate-p, 
.onstate-q,  .onstate-r,  .onstate-s,  .onstate-t,
.onstate-u,  .onstate-v,  .onstate-w,  .onstate-x,  
.onstate-y,  .onstate-z,  .onstate-aa, .onstate-ab,
.onstate-ac, .onstate-ad, .onstate-ae, .onstate-af,
.onstate-ag, .onstate-ah, .onstate-ai, .onstate-aj,
.onstate-ak, .onstate-al, .onstate-am, .onstate-an,
.onstate-ao, .onstate-ap, .onstate-aq, .onstate-ar,
.onstate-as, .onstate-at, .onstate-au, .onstate-av,
.onstate-aw, .onstate-ax, .onstate-ay, .onstate-az {
	display: block;
}
/* offstate classes for the Switch Behavior are in wforms-jsonly.css */


 






/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(../images/tipTop.png) no-repeat top;
}

.tTip {
	float:left;
	margin-right:5px;
	position: relative; /*
	width: 200px; 
	cursor: pointer; 
	color: #666; 
	font-weight: bold;*/
}

.tipMid {background: transparent url(../images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(../images/tipBtm.png) no-repeat bottom; height: 32px;}