@charset "utf-8";

a{
	outline:none; 
}


/* DIV YSOBOX GENERAL */
#div_ysobox{
	color:#575757;
	padding:0;
	margin:0;
	margin:auto;
	width:1020px;
	/*background-color:#FFFFFF;*/
	background-image: url("../img/ysobox/fond-ysobox.png");
	background-position: right center;
	background-repeat: repeat-y;
	/*border:#999 solid 1px;*/

}

#div_ysobox h2{
	color:#575757;
}


#div_ysobox input,
#div_ysobox textarea,
#div_ysobox select
{
	color:#545454;
	border:#545454 solid 1px;
}

#div_ysobox input:hover,
#div_ysobox input:focus,
#div_ysobox textarea:hover,
#div_ysobox textarea:focus,
#div_ysobox select:hover,
#div_ysobox select:focus
{
	color:#FFF;
	background-color:#545454;
}

#div_ysobox .mentionobligatoire{
	font-size:10px;
	color:#f00;
	font-style:italic;
}

#div_ysobox #div_ysobox_l #div_ysobox_gauche_haut{
	float:left;
	/*border:#00f solid 1px;*/
	width:831px;
}

#div_ysobox #div_ysobox_l #div_ysobox_header{
	width:831px;
	height:198px;
	background-image: url("../img/ysobox/header_left.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0;
	margin:0;
	float:left;
	/*border:#951 solid 1px;*/
}

#div_ysobox #div_ysobox_l #div_ysobox_image{
	float:left;
	width:156px;
	height:250px;
	background-image: url("../img/ysobox/header_right.png");
	background-position: right top;
	background-repeat: no-repeat;
	padding-top:30px;
}


#div_ysobox #div_ysobox_l #div_ysobox_smenu{
	float:left;
	width:160px;
	padding-left:45px;
}

#div_ysobox #div_ysobox_l #div_ysobox_menu{
	float:left;
	width:840px;
	height:90px;
	padding-left:45px;
	background-image: url("../img/ysobox/menu_fond.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding:0;
	margin:0;
}



#div_ysobox #div_ysobox_l #div_ysobox_liste{
	float:right;
	width:145px;
	height:438px;
	padding:5px;
	margin-right:30px;
	/*border:#f00 solid 1px;*/
	background-image: url("../img/ysobox/fond_liste.png");
	background-position: left top;
	background-repeat: no-repeat;

}


#div_ysobox #div_ysobox_l #div_ysobox_liste h1{
	font-size:15px;
	font-weight:bold;
	color:#575757;
	text-align:center;
	padding-top:5px;
}


#div_ysobox #div_ysobox_l #div_ysobox_liste h2{
	font-size:15px;
	font-weight:bold;
	color:#ff6600;
	text-align:center;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix{
	padding:0 5px 5px 5px;
	margin:0;
	overflow:auto;
}


/* SCROLL */

#div_ysobox #div_ysobox_l #div_ysobox_liste .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste .jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background: #FF0000;*/
	background: url(../img/ysobox/fond_scroll.png) repeat-y;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste .jScrollPaneDrag {
	position: absolute;
	/*background: #968357;*/
	background: url(../img/ysobox/scroll.png) no-repeat;
	height:26px;
	width:10px;
	cursor: pointer;
	overflow: hidden;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste .jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste .jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/ysobox/fleche_scroll_haut.png) no-repeat;
	height: 3px;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

#div_ysobox #div_ysobox_l #div_ysobox_liste a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -3000px;
	overflow: hidden;
	background: url(../img/ysobox/fleche_scroll_bas.png) no-repeat;
	height: 3px;
}
#div_ysobox #div_ysobox_l #div_ysobox_liste a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
#div_ysobox #div_ysobox_l #div_ysobox_liste a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix.scroll-pane {
	width:138px;
	height:275px;
	overflow:auto;
}
/* fin du scroll */

#div_ysobox #div_ysobox_l #div_ysobox_liste h3{
	font-size:14px;
	font-weight:bold;
	color:#575757;
	font-style:normal;
	padding:70px 5px 0 5px;
	margin:0;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix h1,
#div_message h1{
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding:0;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix h1.h1_1,
#div_message h1.h1_1{
	color:#D65816;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix h1.h1_2,
#div_message h1.h1_2{
	color:#8A0878;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix h1.h1_3,
#div_message h1.h1_3{
	color:#BABF36;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix h1.h1_4,
#div_message h1.h1_4{
	color:#12174F;
}

#div_message h2{
	font-size:12px;
}

#div_ysobox #div_ysobox_l #div_ysobox_liste #div_ysobox_liste_choix ul li {
	font-size:12px;
	margin-left:15px;
}



#div_ysobox #div_ysobox_rb{
	float:left;
	width:33px;
	height:100%;
	/*background-image: url("../img/ysobox/bord_right.png");
	background-position: right top;
	background-repeat: repeat-y;*/
}


/* MENUS */
#div_ysobox  #div_ysobox_menu ul{
	margin: 0;
	padding: 0 0 0 20px;
}

#div_ysobox  #div_ysobox_menu ul li{
	display: inline ; 
	/*width:180px;*/
	color:#f0f;
	line-height: 18px;
	margin-left:15px;
	
	
}

/* SOUS MENUS */
#div_ysobox #div_ysobox_smenu {
	height:300px;
	float:left;
}

#div_ysobox #div_ysobox_smenu .ysobox_smenu
{
	display:none;
}

#div_ysobox #div_ysobox_smenu ul{
	margin: 0;
	padding: 0;
}

#div_ysobox  #div_ysobox_smenu ul li{
	width:140px;
	line-height:20px;
	list-style:none;
	margin-bottom:10px;
	margin-right:10px;
	padding:5px;
	cursor:pointer;
}

#div_ysobox  #div_ysobox_smenu ul li:hover a{
	color:#fff;
}

#div_ysobox #div_ysobox_smenu a{
	font-size:20px;
	text-decoration:none;
}

#div_ysobox #div_ysobox_smenu a.lien_gris{
	color:#b3b3b3;
}

#div_ysobox  #div_ysobox_smenu .li_smenu1:hover{
	color:#fff;
	background-color:#ff6600;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#div_ysobox  #div_ysobox_smenu .li_smenu2:hover{
	color:#fff;
	background-color:#8a0878;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#div_ysobox  #div_ysobox_smenu .li_smenu3:hover{
	color:#fff;
	background-color:#babf36;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#div_ysobox  #div_ysobox_smenu .li_smenu4:hover{
	color:#fff;
	background-color:#12174f;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#div_ysobox  #div_ysobox_smenu .li_smenu5:hover{
	color:#fff;
	background-color:#575757;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

#div_ysobox  #div_ysobox_smenu .complement_li_smenu:hover{
	background-position: right bottom;
	padding-bottom:25px;
	
}

#div_ysobox #div_ysobox_smenu a:hover,
#div_ysobox #div_ysobox_smenu a:focus
{
	color:#fff;
}

.lien_blanc{
	color:#fff;
}

.orange{
	color:#fff;
	background-color:#ff6600;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.violet{
	color:#fff;
	background-color:#8a0878;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.vert{
	color:#fff;
	background-color:#babf36;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.noir{
	color:#fff;
	background-color:#12174f;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}

.gris{
	color:#fff;
	background-color:#575757;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
}



/* CONTENU */
#div_ysobox #div_ysobox_contenu .ysobox_contenu{
	display:none;
	/*border:#f00 solid 1px;*/
	/*margin-left: 200px; */
	width:620px;
	float:left;
	padding-bottom:20px;
}

#div_ysobox #div_ysobox_contenu .ysobox_contenu table tr td{
	vertical-align:top;
	font-size:12px;
}

#div_ysobox .btn_retour{
	display:table-cell;
	vertical-align:middle;
	float:left;
	width:135px;
	height:25px;
	background-color:#545454;
	background-image: url("../img/ysobox/fleche_gauche.png");
	background-position: left top;
	background-repeat: no-repeat;
	padding-top:3px;
	padding-left:5px;
	margin:2px;
	text-align:center;
	cursor:pointer;
}

#div_ysobox .btn_suivant{
	float:left;
	width:135px;
	height:25px;
	background-color:#545454;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right top;
	background-repeat: no-repeat;
	padding-top:3px;
	padding-right:5px;
	margin:2px;
	text-align:center;
	cursor:pointer;
}

#div_ysobox .ysobox_contenu a{
	color:#fff;
	font-size:20px;
	text-decoration:none;
}

#div_ysobox .btn_retour a,
#div_ysobox .btn_suivant a{
	font-size:16px;
}


#div_ysobox .ysobox_contenu .cotes{
	width:30px;
	height:15px;
	text-align:center;
	border:#999 solid 1px;
}

#div_ysobox .ysobox_contenu hr{
	padding:0;
	margin:0;
	color:#999;
}

#div_ysobox .ysobox_contenu .touteslescotes{
	width:600px;
	min-height:200px;
	_height:200px;
}

#div_ysobox .ysobox_contenu .elements{
	float:left;
	width:350px;
	min-height:200px;
	_height:200px;
}

#div_ysobox .ysobox_contenu #image_cotes{
	float:left;
	width:140px;
	height:200px;
}



#div_ysobox .clear_div{
	clear:both;
}

/* upload de fichier */
#div_ysobox .ysobox_contenu .fichier_uploader{

}

#div_ysobox .ysobox_contenu .fichier_uploader a{
	color:#575757;
	text-decoration:none;
	font-style:italic;
	font-size:12px;
}


/

/* formulaire inscription et connect */
#div_ysobox #form_inscrit h2{
	color:#545454;
	font-size:14px;
}

#div_ysobox #form_inscrit .table_form td{
	padding-right:20px;
}

#div_ysobox #form_inscrit label{
	color:#545454;
}

#div_ysobox #form_inscrit label:hover{
	font-weight:bold;
}

#div_ysobox #form_inscrit .mentionsobligatoire{
	float:left;
	font-style:italic;
	font-size:10px;
}

#div_ysobox #form_inscrit input,
#div_ysobox #form_connect input,
#div_ysobox #form_inscrit textarea,
#div_ysobox #form_connect textarea
{
	width:150px;
}


#div_ysobox #form_inscrit .lienfinal,
#div_ysobox #form_connect .lienfinal{
	display:table-cell;
	vertical-align:middle;
	background-color:#d65816;
	background-image: url("../img/ysobox/fleche_droite.png");
	background-position: right center;
	background-repeat: no-repeat;
	border:none;
	width:130px;
	height:45px;
	padding-left:10px;
}

#div_ysobox #form_inscrit .lienfinal a,
#div_ysobox #form_connect .lienfinal a{
	color:#fff;
	text-align:left;
	font-size:14px;
}




/* erreur */
#div_ysobox #form_inscrit .error{
	display:block;
	color:#f00;
}

#div_ysobox input.error, 
#div_ysobox textarea.error, 
#div_ysobox select.error{
	
	color: red;
	font-style: italic;
	border:1px solid red;
	background-color:#FFFFFF;

}