body {
	margin: 0pt;
	height: 100%;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	/* overflow:hidden; */
	overflow:auto;
}

li,div,a,form{
margin:0;padding:0;
}

@font-face {
    font-family: 'FranklinGothicMediumCondRegul';
    src: url('../typographie/framdcn-webfont.eot?') format('eot'),
         url('../typographie/framdcn-webfont.woff') format('woff'),
         url('../typographie/framdcn-webfont.ttf') format('truetype'),
         url('../typographie/framdcn-webfont.svg#webfontb1sGEXfe') format('svg');
    font-weight: normal;
    font-style: normal;

}


#liste_sous_menu a {
	font-weight: normal;
	padding:0px 5px 0px 5px;
}
#liste_sous_menu {
	padding: 5px 0px 10px 0px;
	margin:0;
}

#html_items{
min-width:1225px; 
}
/* COLORISATION */

.menu a{
width:100%;
color:#2263a2;
text-decoration:underline;
}
.menu a:hover{
color:#2263a2;
}



#liste_menu {


}
#liste_sous_menu{
border-top:1px dotted #0276fe;
background-color:#ced7e2;
}
#item_menu_dossier{
color:#0276fe;
}
#item_menu_dossier:hover{
color:#182b40;
}
#liste_menu select{
	color:#0F3C65;
}
#liste_menu option{
	color:#2263a2;
}

/* ACCUEIL */

.accueil{
position:absolute;
height:219px;
margin: 123px 0 0 13px;
width: 210px;
/* background: url("../images/img-accueil.gif") no-repeat scroll right top rgb(255, 255, 255); */
background-color: transparent;
color:#fff;
}
.accueil p{
font-size:12px;
margin:2px 0 9px 10px;
width:145px;
line-height:14px;
font-weight:normal;
}
.accueil a{
color:#7bb7fe;
}
.accueil a:hover{
color:#FFF;
text-decoration:underline;
}
.btn_accueil{
padding:0;
margin:0;
} 

.btn_accueil > a{
display:block;
background:transparent url("../images/html/btn_accueil0001.png") no-repeat top left;
width:170px;
height:23px;
color:transparent;
text-decoration:none;
}
.btn_accueil > a:hover{
background:transparent url("../images/html/btn_accueil0002.png") no-repeat top left;
color:transparent;
text-decoration:none;
}

.btn_plateau > a {
display:block;
margin-top:5px;
padding-top:3px;
text-align:right;
color:#FFFFFF;
width:170px;
height:23px;
background: transparent url("../images/html/btn_plateaul0001.png") no-repeat top left;
text-decoration:none;
}
.btn_plateau > a span{
padding-right:10px;
}

.btn_plateau > a:hover{
color:#FFFFFF;
text-decoration:none;
background: transparent url("../images/html/btn_plateaul0002.png") no-repeat top left;
}
.edito_top{
margin-top:5px;
display:block;
width:170px;
height:9px;
background: transparent url("../images/html/edito_box_top.png") no-repeat top left;
}
.edito_bottom{
position:relative;
display:block;
width:170px;
height:9px;
background: transparent url("../images/html/edito_box_bottom.png") no-repeat top left;
}
.edito{
padding:0 0 5px 10px;
display:block;
width:160px;
height:auto;
background-color:#13365A;
overflow:hidden;
}
.edito li{
display:inline;
width:150px;

}

.menu li, ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent:0;
}



#liste_menu li {
	padding: 0px 0px 3px 10px;
}


#insert_acc{
margin:10px 0 0 0;

}

#txt_teaser{
font-weight:normal;
font-size:11px;
margin-bottom:1px;
color:#FFF;
}
#txt_info{

font-size:12px;
margin-bottom:3px;
color:#FFF;
}

/* LIST RECHERCHE */
.recherche_content{
margin: 20px 10px 0 0;
float:right;
width:210px;
}

.recherche{
display:block;
float: right;
width:210px;
/* background-color: #13365a; */background-color: #2173BD;
}
.titre_sous_menu{
font-weight:bold;
color:#FFFFFF;
}
#top_box{
float:right;
height:11px;
width:210px;
background:transparent url("../images/html/top_box_2.png") no-repeat top left;
}
#bottom_box{
float:right;
height:11px;
width:210px;
background:transparent url("../images/html/bottom_box_2.png") no-repeat top left;
}
#checklist-form{

}

#select_recherche {
margin: 0px 0 6px 10px;
}
#checklist-form{
font-size:12px;
font-weight:bold;
color:#fff;
border-top:1px dotted #7bb7fe;

}
#checklist-form form{
padding-top:5px;
border:none;
}
#liste_menu select {
	font-size: 11px;
	margin:5px 0 2px 0;
	padding:0;
	width:180px;
	height:18px;
	overflow:hidden;
	background-color:#fff;
/* 	border:1px dotted #7bb7fe; */	border:none;
	color:#1D3550;
}
#liste_menu option{
	font-size: 11px;
	display:block;
	width:180px;
	white-space:normal;
	overflow:hidden;
	display:block;
	margin-bottom:2px;
	float:left
}
#liste_menu input {
margin:0px 5px 5px 0px;
}

.souschecklist-form{
font-weight:normal;
}

/* PLACEMENT ETC */

#flashcontent {
	z-index: 10;
	position:absolute;
	margin:130px 0 0 228px;
	padding:0;
}

/* CREDITS etc */
#htmlcontent{
	z-index: 10;
	position:absolute;
	margin:135px 0 0 240px;
	text-align:left;
}
.boxhtml{
width:640px;
	padding:10px 35px 20px 30px;
background-color:#ffffff;
	border:1px solid #EAEDF2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 2px 40px 0px #2578C6;
	-moz-box-shadow: 0px 2px 40px 0px #2578C6;
	box-shadow: 0px 2px 40px 0px #2578C6; 
}
.marge_fin_html{
display:block;
height:100px;
/* background-color:#000000; */
width:50px;
}
.buttonblock{
display:block;
height:50px;
}
#htmlcontent, #htmlcontent a{color:#13365A;}
#htmlcontent h1{
font-size:19px;
}
#htmlcontent #H1_baseline{
font-size:15px;
font-weight:normal;
font-style:italic;
margin-top:-10px;
}
#htmlcontent span{
margin:0 5px;
}
#htmlcontent #parag{
font-size:12px;
margin-bottom:15px;
margin-left:15px;
}
#htmlcontent #titr{
color:#3D92FC;
/* font-style:italic; */
font-weight:bold;
font-size:14px;
margin:10px 0 2px 0;
}
#htmlcontent #parag p{
margin:4px 0 0 0px;
clear:both;
}
#htmlcontent #parag li{
margin:0 0 5px 14px;
list-style:none outside url('../images/list-image-fleche.jpg');
}
#htmlcontent #parag #li_niv_2{
}
#htmlcontent #parag img{
border:1px solid #EAEDF2;
display:block;
float:left;
margin-right:8px;
}
#htmlcontent #parag #p_img{
margin:7px 0 0 -2px;
height:44px;
}

#htmlcontent #parag #p_img_big{
margin:12px 0 0 -2px;
height:88px;
}

#htmlcontent #parag #p_img_big_double{
margin:12px 0 0 -2px;
height:176px;
}
#htmlcontent #parag #small{
font-size:10px;
display:block;
margin:-7px 0 0 0;
}

#htmlcontent #info{
font-size:11px;
color:#3D92FC;
}
#logoOnisep{
display:block;
float:left;
margin-right:10px;margin-left:0px;
background:transparent url('../images/logo_onisep.jpg') no-repeat top left;
width:80px;
height:35px;
}
#logopt{
display:block;
float:left;
background:transparent url('../images/logopt.jpg') no-repeat bottom left;
width:132px;
height:28px;
margin-right:10px;margin-left:0px;
}
#logopeign{
display:block;
float:left;
background:transparent url('../images/logo_PeignoirProd.jpg') no-repeat top left;
width:100px;
height:40px;
margin-right:10px;margin-left:0px;
text-decoration:none;
}
#logopeign div{
margin-left:40px;
margin-top:5px;
}

/* IMAGES EN TABLEAU POUR LE FOND */


#html_items {
	z-index: 2;
	position: absolute;
	width: 100%;
	display: block;
}


/*
#liste_1{
display:none;
}
#liste_2{
display:none;
}
*/
.searchFilterHidden {
    display:none;
}
.searchFilter {
    display:block;
}


  
.systeme_pagination{
font-size:9px;
text-align:right;
/* color:#182b40;
background-color:#ffffff; */
background-color:#182b40;
color:#FFF;
height:15px;
padding:2px 2px 0px 0px;

}
.systeme_pagination a{
color:#7bb7fe;
text-decoration:none;
}
.systeme_pagination a:hover{
color:#fff;
}
#separateur{
color:#2a4c71;
}
#page_selected{

}
.arondis_bas_droit {
	-moz-border-radius-bottomright: 15px;
}

.info-text{
width:107px;
}


/* LOGIN AREA */


.loginContent{
	width:283px;
	float:right;
}
.login {
	font-size: 12px;
	float: right;
	margin: 25px 25px 0px 10px;
	color: rgb(255, 255, 255);
}

.login-forms * {
	float: left;
}

.login p {
	margin: 0pt;
	padding: 0pt;
	text-align:right;
}

.etat_Login {
	display: block;
	font-weight: bold;
	color:#FFF;
	margin-bottom:5px;
}
.loginInfos {
display:block;
width:230px;
float:none;
text-align:right;
}
.loginInfos p, #allcontent .customScrollBox .content .loginInfos p {
float:right;
margin: 0 2px 0 10px;
font-size: 11px;
display:block;
}
.loginInfos a {
color:#7bb7fe;
}
.loginInfos a:hover{
color:#FFF;
}

.btn_ok_color{
background-color:#7bb7fe;
color:#182b40;
}

.btn_ok_color:hover{
background:#0276fe;
color:#FFF;
}


.login label {
	font-size: 10px;
	color:#7bb7fe;
}

*:focus {outline: none;}
input:-webkit-autofill {
background-color:#2a4c71 !important;
color:#FFF !important;
border:1px solid #7bb7fe !important;
color: #2a2a2a !important;
}
.login input{
	width: 100px;
	height: 17px;
	font-size: 11px;
	border: medium none;
	margin: 0pt 5px 4px 0pt;
	clear: both;
	color:#FFF;
	background-color:#2a4c71;
	border:1px solid #182b40;
}
.login input:focus{
background-color:#2a4c71;
color:#FFF;
border:1px solid #7bb7fe;
} 
.login input:active{
background-color:#2a4c71;
color:#FFF;
} 
.login input:hover{
background-color:#2a4c71;
color:#FFF;
}

.btn_ok input {
	width: 34px;
	height:22px;
	font-weight: bold;
	font-size: 11px;
	text-align:center;
	margin: 12px 0 0 0;
	
}

.login form:focus {
	border: medium none;
}

/* MISE EN PAGE DES FORMULAIRES */
form{
width:550px;
margin-left:45px;
}
.login form{
width:250px;
margin-left:0px;
}
#liste_menu form{
margin-left:0px;
}
form .maincontentheader h1{
font-size:18px;
margin-bottom:8px;
}
form .block{
margin-left:15px;
margin-bottom:10px;
display:block;
/* overflow:hidden; */
clear:both;
}
form .block input{
width:100%;
}
form .block > label{
font-weight:bold;
font-size:14px;
margin-bottom:7px;
}
form .labelbreak{
display:block;
width:100%;
height:8px;
}
form .date .element{
float:left;
margin-right:15px;
}

form .block .element{
display:block;
margin-bottom:5px;
}
form .buttonblock input{
margin-top:20px;
margin-left:5px;
padding:4px 7px;
float:right;
border:none;
background-color:#3D92FC;
color:#FFF;
}
form .buttonblock input:hover{
background-color:#13365A;
color:#FFF;
}
.warning{
padding-top:5px;
margin-top:15px;
height:55px;
overflow:hidden;
margin-left:45px;
width:480px;
}
form .warning{
margin-left:0px;
margin-top:0px;
height:60px;
width:auto;
}
.warning, form .warning{
 background:#add2f7 url("../images/html/warning.png") no-repeat 5px 5px;
 padding-left:70px;
 margin-bottom:15px;
 } 
.warning h2{
margin:12px 0 8px 0;
}
form .warning h2{
margin:0px 0 8px 0;
}
.warning h2, form .warning h2{
  font-size:14px;
}
#htmlcontent .message{
margin-left:40px;
margin-top:25px;
font-size:14px;
font-weight:bold;
}



/* FOOTER ET SCROLL */

/* #Tableau_01{
overflow:hidden;
}
#alternative_flash, #flashcontent{
overflow:auto;
} */

#footer_container {
	position: relative;
}

#footer {
	position: fixed;
	bottom: 0pt;
	z-index: 50;
	width: 100%;
	background-color: rgb(229, 229, 229);
	border-top: 1px solid rgb(204, 204, 204);
	color: rgb(24, 43, 64);
	text-align:center;
	/* visibility:hidden; 
	display:none;*/
}

#footer-design {
text-align:left;
width:100%;
margin:0 auto;
}
#logo {
	margin: 6px 12px 6px 3px;
	float: right;
}
#credits {
	margin: 0 0 0 50px;
	padding:10px 0 0 0;
	float:left;
}
#credits span{
margin:0 5px;
}
#credits a{
color:#2263A2;
text-decoration:none;
}
#credits a:hover{
color:#13365a;
text-decoration:underline;
}
#credits a.rss{
background: transparent url("../images/html/btn_rssl0002.png") no-repeat top left;
padding-left:22px;
}
#credits a.rss:hover{
background: transparent url("../images/html/btn_rssl0001.png") no-repeat top left;
padding-left:22px;
}

#credits a.ami{
background: transparent url("../images/html/btn_mail0002.png") no-repeat top left;
padding-left:22px;
}
#credits a.ami:hover{
background: transparent url("../images/html/btn_mail0001.png") no-repeat top left;
padding-left:22px;
}

#cookie-warning div,#allcontent{
	position:relative!important;
	 width: auto!important;
}

#allcontent{
min-width: 1211px;
}

.dragger_container{
	display:none!important;	
}