/* CSS Document */

/* Back-office */
/* Structure tripartite */
#container #main #right #bottom .lightgreen-high-column{
	float:left;
	margin:10px 5px 0 0;
	padding:0;
	width:220px;
	height:515px;
}
#container #main #right #bottom .lightgreen-low-column{
	float:left;
	margin:10px 5px 0 5px;
	padding:0;
	width:220px;
	height:405px;
}
#container #main #right #bottom .lightgreen-colspan{
	float:left;
	margin:10px 5px 0 5px;
	padding:0;
	width:450px;
	height:90px;
}
#container #main #right #bottom .lightgreen-high-colspan{
	float:left;
	margin:10px 5px 0 0;
	padding:0;
	width:450px;
}
/* TOP COLONNE HAUTE */
#container #main #right #bottom .lightgreen-high-column .top-col{
	margin:0;
	padding:0;
	width:220px;
	height:19px;
	background-image:url(../img/back-office/220-top-lightgreen.jpg);
}
#container #main #right #bottom .lightgreen-high-column .repeat-col{
	margin:0;
	padding:0;
	width:220px;
	height:491px;
	background-image:url(../img/back-office/220-repeat.jpg);
	background-repeat:repeat-y;	
}
#container #main #right #bottom .lightgreen-high-column .bottom-col{
	margin:0;
	padding:0;
	width:220px;
	height:5px;
	background-image:url(../img/back-office/220-bottom.jpg);
}
/* TOP COLONNE COURTE */
#container #main #right #bottom .lightgreen-low-column .top-col{
	margin:0;
	padding:0;
	width:220px;
	height:19px;
	background-image:url(../img/back-office/220-top-lightgreen.jpg);
}
#container #main #right #bottom .lightgreen-low-column .repeat-col{
	margin:0;
	padding:0;
	width:220px;
	height:381px;
	background-image:url(../img/back-office/220-repeat.jpg);
	background-repeat:repeat-y;	
}
#container #main #right #bottom .lightgreen-low-column .bottom-col{
	margin:0;
	padding:0;
	width:220px;
	height:5px;
	background-image:url(../img/back-office/220-bottom.jpg);
}
/* DOUBLE COLONNE BASSE ET HAUTE */
#container #main #right #bottom .lightgreen-high-colspan .top-col,
#container #main #right #bottom .lightgreen-colspan .top-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:19px;
	background-image:url(../img/back-office/450-top-lightgreen.jpg);
}
#container #main #right #bottom .lightgreen-colspan .repeat-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:76px;
	background-image:url(../img/back-office/450-repeat.jpg);
	background-repeat:repeat-y;	
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	background-image:url(../img/back-office/450-repeat.jpg);
	background-repeat:repeat-y;	
}
#container #main #right #bottom .lightgreen-high-colspan .bottom-col,
#container #main #right #bottom .lightgreen-colspan .bottom-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:5px;
	background-image:url(../img/back-office/450-bottom.jpg);
}
/* ENTETES */
#container #main #right #bottom .lightgreen-preview .top-col p,
#container #main #right #bottom .lightgreen-high-column .top-col p,
#container #main #right #bottom .lightgreen-low-column .top-col p,
#container #main #right #bottom .lightgreen-colspan .top-col p,
#container #main #right #bottom .lightgreen-high-colspan .top-col p,
#container #main #right #bottom .red-left .top-col p,
#container #main #right #bottom .red-right .top-col p{
	margin:0 0 0 0;
	padding:2px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.2px;
	color:#FFFFFF;
	text-align:left;
}
/* CORPS DU TEXTE */
#container #main #right #bottom .lightgreen-high-column .repeat-col ul,
#container #main #right #bottom .lightgreen-low-column .repeat-col ul{
	margin:0 10px;
	padding:0;
	width:200px;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li,
#container #main #right #bottom .lightgreen-low-column .repeat-col li{
	margin:0;
	padding:6px 0 0 0;
	list-style-type:disc;
	list-style-position:inside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B6B936;
	text-align:left;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li span,
#container #main #right #bottom .lightgreen-low-column .repeat-col li span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title{
	margin:0;
	padding:12px 0 0 0;
	list-style:none;
	list-style-position:outside;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title a,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title a:link,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title a:active,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title a:visited,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title a,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title a:link,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title a:active,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title a:visited,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head a,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head a:link,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head a:active,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#B6B936;
	text-align:left;
	text-decoration:underline;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-title a:hover,
#container #main #right #bottom .lightgreen-low-column .repeat-col li.li-title a:hover,
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#617B34;
	text-align:left;
	text-decoration:underline;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-subhead{
	margin:0;
	padding:12px 0 0 0;
	list-style:none;
	list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	text-align:center;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-head{
	margin:0;
	padding:6px 0 0 0;
	list-style:none;
	list-style-position:outside;
	text-align:center;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-vignette{
	margin:0;
	padding:18px 0 6px 0;
	list-style:none;
	list-style-position:outside;
	text-align:center;
}
#container #main #right #bottom .lightgreen-high-column .repeat-col li.li-subhead span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
}
#container #main #right #bottom .lightgreen-colspan .repeat-col p,
#container #main #right #bottom .lightgreen-high-colspan .repeat-col p{
	margin:0 0 0 12px;
	padding:9px 0 12px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#container #main #right #bottom .lightgreen-colspan .repeat-col ul{
	margin:0;
	padding:0;
}
#container #main #right #bottom .lightgreen-colspan .repeat-col li.numero{
	margin:0 0 0 48px;
	padding:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
	list-style-type:decimal;
	list-style-position:outside;
	text-align:left;
}
#container #main #right #bottom .lightgreen-colspan .repeat-col li.numero span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#B6B936;
}
/* Un seul bloc sur toute la largeur (hormis le menu) */
#container #main #right #bottom .lightgreen-main{
	float:left;
	margin:12px 0 0 0;
	padding:0;
	width:690px;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-top{
	float:left;
	margin:0;
	padding:0;
	width:690px;
	height:18px;
	background-color:red;
	background-image:url(../img/back-office/690-top-lightgreen.jpg);
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat{
	float:left;
	margin:0;
	padding:0;
	width:690px;
	background-image:url(../img/back-office/690-repeat.jpg);
	background-repeat:repeat-y;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-bottom{
	float:left;
	margin:0;
	padding:0;
	width:690px;
	height:4px;
	background-image:url(../img/back-office/690-bottom.jpg);
}
/* ENTETE */
#container #main #right #bottom .lightgreen-main .lightgreen-main-top p{
	margin:0 0 0 0;
	padding:2px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.2px;
	color:#FFFFFF;
	text-align:left;
}
/* ETAPES CHAPITRES + PAGES */
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-left{
	float:left;
	margin:0 5px 0 10px;
	padding:6px 0;
	width:150px;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-right{
	float:left;
	margin:0 10px 0 15px;
	padding:6px 0;
	width:500px;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-left h1{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B6B936;
	text-align:right;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-left p{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#B6B936;
	text-align:right;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-right p{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-right p input.bouton-radio{
	margin:0 6px 0 0;
	padding:0;
}
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat .step-right h2{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
}
/* ETAPES RUBRIQUES + SOUS-RUBRIQUES */
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-left{
	float:left;
	margin:0 5px 0 10px;
	padding:6px 0;
	width:100px;
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-right{
	float:left;
	margin:0 10px 0 15px;
	padding:6px 0;
	width:310px;
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-left h1{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#B6B936;
	text-align:right;
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-left p{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#B6B936;
	text-align:right;
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-right p{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-align:left;
}
#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-right p input.bouton-radio{
	margin:0 6px 0 0;
	padding:0;
}

#container #main #right #bottom .lightgreen-high-colspan .repeat-col .step-right h2{
	margin:0;
	padding:0 0 3px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
}
/* Insertion de FCK Editor */
#container #main #right #bottom .lightgreen-main .lightgreen-main-repeat #fck-editor{
	float:left;
	margin:5px 10px 5px 10px;
	padding:0;
	width:670px;
	background-color:#CCCCCC;
}
#container #main #right #bottom .lightgreen-preview .repeat-col-var h2{
	margin:0 12px;
	padding:6px 0 0 0 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:left;
}

/* BOUTIQUE */

#container #main #right #bottom .red-left{
	float:left;
	margin:10px 5px 0 0;
	padding:0;
	width:450px;
}
#container #main #right #bottom .red-left .top-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:18px;
	background-image:url(../img/back-office/450-red-top.gif);
}
#container #main #right #bottom .red-left .repeat-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	background-image:url(../img/back-office/450-red-repeat.gif);
	background-repeat:repeat-y;	
}
#container #main #right #bottom .red-left .bottom-col{
	float:left;
	margin:0;
	padding:0;
	width:450px;
	height:7px;
	background-image:url(../img/back-office/450-red-bottom.gif);
}
#container #main #right #bottom .red-right{
	float:left;
	margin:10px 0 0 5px;
	padding:0;
	width:220px;
}
#container #main #right #bottom .red-right .top-col{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	height:18px;
	background-image:url(../img/back-office/220-red-top.gif);
}
#container #main #right #bottom .red-right .repeat-col{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	background-image:url(../img/back-office/220-red-repeat.gif);
	background-repeat:repeat-y;
}
#container #main #right #bottom .red-right .bottom-col{
	float:left;
	margin:0;
	padding:0;
	width:220px;
	height:5px;
	background-image:url(../img/back-office/220-red-bottom.gif);
}
#container #main #right #bottom .red-left .repeat-col h3,
#container #main #right #bottom .red-right .repeat-col h3{
	margin:0 10px 6px 10px;
	padding:9px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#BB0C1B;
	border-bottom:1px solid #333333;
}
#container #main #right #bottom .red-left .repeat-col h4,
#container #main #right #bottom .red-right .repeat-col h4{
	margin:0 10px 6px 10px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}
#container #main #right #bottom .red-left .repeat-col p,
#container #main #right #bottom .red-right .repeat-col p{
	margin:0 10px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon{
	margin:6px 10px 12px 10px;
	padding:0;
	border:none;
	text-align:center;
	width:430px;
	color:#333333;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
	height:20px;
	vertical-align:middle;
}
#container #main #right #bottom .red-right .repeat-col ul{
	margin:0 10px;
	padding:0;
	list-style:none;
	width:200px;
}
#container #main #right #bottom .red-right .repeat-col li{
	margin:0;
	padding:0;
	width:200px;
	clear:both;
}
#container #main #right #bottom .red-right .repeat-col li div.whole{
	margin:0;
	padding:0;
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BB0C1B;
	text-align:center;
}
.connect{
	margin:0;
	padding:0;
	float:left;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BB0C1B;
	text-align:center;
}
#container #main #right #bottom .red-right .repeat-col li div.left-half{
	margin:0 0 6px 0;
	padding:3px 0;
	float:left;
	width:100px;
	text-align:left;
	border-bottom:1px solid #CCCCCC;
}
#container #main #right #bottom .red-right .repeat-col li div.right-half{
	margin:0 0 6px 0;
	padding:3px 0;
	float:left;
	width:100px;
	text-align:right;
	border-bottom:1px solid #CCCCCC;
}
#container #main #right #bottom .red-right .repeat-col a,
#container #main #right #bottom .red-right .repeat-col a:link,
#container #main #right #bottom .red-right .repeat-col a:active,
#container #main #right #bottom .red-right .repeat-col a:visited,
#container #main #right #bottom .red-right .repeat-col a:hover{
	color:#BB0C1B;
}
#container #main #right #bottom .red-right .repeat-col li div.left-half a,
#container #main #right #bottom .red-right .repeat-col li div.right-half a,
#container #main #right #bottom .red-right .repeat-col li div.left-half a:link,
#container #main #right #bottom .red-right .repeat-col li div.right-half a:link,
#container #main #right #bottom .red-right .repeat-col li div.left-half a:active,
#container #main #right #bottom .red-right .repeat-col li div.right-half a:active,
#container #main #right #bottom .red-right .repeat-col li div.left-half a:visited,
#container #main #right #bottom .red-right .repeat-col li div.right-half a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-decoration:none;
}
#container #main #right #bottom .red-right .repeat-col li div.left-half a:hover,
#container #main #right #bottom .red-right .repeat-col li div.right-half a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}
span.star{
	color:#BB0C1B;
	font-weight:bold;
	font-size:14px;
}
#container #main #right #bottom .red-left .repeat-col p input.large,
#container #main #right #bottom .red-left .repeat-col p select.large,
#container #main #right #bottom .red-left .repeat-col p option.large,
#container #main #right #bottom .red-right .repeat-col p input.large,
#container #main #right #bottom .red-right .repeat-col p select.large,
#container #main #right #bottom .red-right .repeat-col p option.large{
	margin:0;
	padding:0;
	width:160px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.large,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.medium{
	margin:0;
	padding:0;
	background-color:#F2F2F2;
	height:24px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.preview,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.alter{
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	height:24px;
	vertical-align:middle;
	text-align:center;	
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.alter{
	border-bottom:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.preview{
	border-right:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.large,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.medium,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.preview{
	border-right:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.preview-2{
	border-right:1px solid #CCCCCC;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.last{
	margin:0;
	padding:0;
	height:24px;
	vertical-align:top;
	background-color:#F2F2F2;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:390px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.triple{
	margin:0;
	padding:0;
	height:24px;
	background-color:#F2F2F2;
	border-right:1px solid #CCCCCC;
	width:390px;
	vertical-align:bottom;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.preview,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.preview{
	width:40px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.large,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.large{
	width:270px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.medium,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.medium{
	width:50px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon th.alter,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter{
	width:70px;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.triple div.modif-left{
	margin:0;
	padding:0;
	float:left;
	width:80px;
	height:24px;
	text-align:right;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.triple div.modif-right{
	margin:0;
	padding:0;
	float:left;
	width:290px;
	height:24px;
	text-align:left;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.preview a{
	text-decoration:none;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.preview img{
	border:none;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a:link,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a:hover,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a:active,
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a:visited{
	color:#333333;
	text-decoration:none;
}
#container #main #right #bottom .red-left .repeat-col table.sous-rayon td.alter a:hover{
	color:#BB0C1B;
	text-decoration:underline;
}