/********************************************************
GLOBAL
********************************************************/
html, body{height:100%;margin: 0;padding: 0;}

body {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;background:#8A0101;}

.tablo {margin-left:98px;margin-bottom:15px;
	border-style:solid;	border-width:1px;border-collapse:collapse;border-color:#000000;width:75%;}
	
.tablo2 {
	margin-top:30px;
	margin-left:98px;
	margin-bottom:15px;
	border-collapse:collapse;
	width:75%;
}

.tablo3 {
	width:70%;
	border-style:solid;
	border-width:1px;
	border-color:#cc0000;
	background-color:#ffdfff;
	padding:16px;
	margin-left:100px;
}
.tablo4{
	width:98%;
	margin-left:8px;
	padding:20px;

}
.bordure {
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}
.colonne{
	width:210px;
}
.tabloMenu{
	width:97%;
	text-align:center;
	margin-left:9px;
}

.tabloMenuInt{
	width:100%;
	padding:2px;
	width:100%;
	border-style:none;
}

.cellInt{
	width:25%;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#808080;
	font-size:10px;
	font-weight:bold;
	color:#000000;
}

.cellG {
	width:50%;
	vertical-align:top;
	text-align:right;
	color:#505050;
}

.cellD{
	width:50%;
	vertical-align:top;
	text-align:left;
	color:#505050;
	padding:4px;
}

.cellG2{
	width:40%;
	vertical-align:top;
	text-align:right;
	color:#505050;
	padding:4px;
}

.cellD2{
	width:60%;
	vertical-align:top;
	text-align:left;
	color:#505050;
}

#conditions_souscription {
	color:#c00500;
	margin-left:10px;
	margin-right:15px;
	border-style:solid;
	border-width:2px;
	border-color:#c00500;
	padding-right:5px;
	padding-left:5px;
}

#bande_haut{
	width:100%;
	height:50%;
	background:#be0000;
	float:none;
	position:absolute;
	display:none;
}

#bando{
	width:768px;
	height:81px;
	float: none;
	background:url(img/accueil_bando.jpg) left top no-repeat;
	text-align:center;
	color:#4f4f4f;
	display:none;
}

#logo_h{
	text-align:right;
	margin-top:20px;
	margin-right:30px;
}

#navig{
	width:748px;
	height:20px;
	padding-left:10px;
	font-size:10px;
	margin-top:5px;
	margin-bottom:0px;
	position:relative;
}

.lienNavig{
	font-size:10px;
	text-decoration:underline;
	color:#000000;
}

.lienNavig:hover{
	font-size:10px;
	text-decoration:none;
	color:#5f0606;
}

#piedpage{
	float:none;
	width:768px;
	height:44px;
	text-align:center;
	background:url(img/pied_fond.jpg) left top no-repeat #740302;
}

#piedPage{
	font-size:10px;
	color:#A0A0A0;
	margin-top:2px;
	display:none;
}

#conteneur_p_1{
	background:url(img/page_fond.jpg) bottom repeat-x #BE0000;
	width:100%;
	min-height:577px;
	float:none;
	position:absolute;
	margin-top:0px;
}

#conteneur_p_2{
	width:768px;
	min-height:577px;
	margin-right:auto;
	margin-left:auto;
	background:url(img/page_fond_module.jpg) left top repeat-y;
	position:relative;
}

#conteneur_p_h{
	width:768px;
	height:121px;
	float:none;
	z-index:5;
	background:url(img/page_fond_h.jpg) left top no-repeat;
	position:relative;
	display:none;
}

#conteneur_p_b{
	width:680px;
	min-height:331px;
	background:none;
	position:relative;
}

#conteneur_adresse_annexe{
	width:200px;
	height:300px;
	float:none;
}
#conteneur_image_gauche{
	margin:10px 26px 0 40px;
	width:100px;
	float:none;
}
.imgLeft {float:none;}

.imgRight {float:none;}

#conteneur_texte_gauche{
	margin-right:80px;
	margin-top:15px;
}
#conteneur_image_droite{
	margin-left:20px;
	margin-right:45px;
	margin-top:10px;
	width:100px;
	float:none;
}

#conteneur_connexion{
	margin-top:20px;
	margin-left:140px;
	width:500px;
}
#conteneur_adresse_annexe2{
	margin-left:10px;
	width:300px;

}
.conteneur_retour{
	margin-right:50px;
	margin-left:592px;
}

/********************************************************
LISTES
********************************************************/
ul{
	margin-bottom:10px;
	margin-top:3px;
	margin-left:10px;
}
li{
	margin-left:30px;
	margin-bottom:5px;
}
dl {
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
	width:90%;
}
dl dt {margin-left:10px;}
dl dt dd {margin-left:20px;}
.liste{
	margin-left:1px;
}
.liste_gras{
	margin-left:1px;
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
.ul_gauche{
	margin-left:1px;
	list-style-type:none;
}
/********************************************************
TITRES
********************************************************/
h1{
	font-size:18px;
	margin-top:40px;
	margin-left:10px;
	font-weight:bolder;
	color:#be0000;
	margin-right:98px;
}

.h1p{
	text-align:center;
	color:#373737;
	margin-top:40px;
	margin-left:20px;
	font-weight:bolder;
	margin-right:98px;
	font-size:18px;
}

h1 span{
	color:#373737;
	text-decoration:underline;
	font-size:17px;
}

h2{
	margin-top:15px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	margin-left:30px;
	margin-right:98px;
}

h3{
	color:#840000;
	margin-top:30px;
	text-align:center;
	font-size:14px;
	margin-bottom:0px;
}

.h3p{
	font-weight:bold;
	font-size:16px;
	color:#840000;
	margin-top:30px;
	text-align:center;
	margin-bottom:0px;
}

h4{

	font-size:12px;
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	font-weight:bold;
	text-align:left;
}

h5{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:left;
	margin-left:10px;
	margin-right:40px;
}

h6{
	font-size:12px;
	color:#be0000;
	margin-left:50px;
	margin-right:98px;
	margin-top:10px;
	margin-bottom:5px;
}

.titre_modul{
	margin-left:16px;
	padding-top:13px;
	font-weight:bold;
	margin-bottom:5px;
}

.titre_modul span{
 	color:#c00500;
}

.titre_partie{
	font-weight:bolder;
	font-size:15px;
	margin-left:80px;
	margin-bottom:30px;
	letter-spacing:-0.06em;
}

.titre{
	background:url(img/page_titre.png) left top no-repeat;
	height:30px;
	min-width:148px;
	font-weight:bold;
	font-size:15px;
	padding-top:15px;
	padding-left:15px;
	padding-right:17px;
	margin-left:73px;
	margin-top:55px;
	margin-bottom:30px;
	float:none;
	position:absolute;
}

.titre span{
	color:#be0000;
}
.form_gris{
	font-weight:bold;
	font-size:15px;
	color:#c0c0c0;
}

.form_rouge{
	font-weight:bold;
	font-size:15px;
	color:#cc0000;
}
.form_orange{
	font-weight:bold;
	font-size:15px;
	color:#cc7800;
}
.form_vert{
	font-weight:bold;
	font-size:15px;
	color:#30b701;
}
/********************************************************
Liens
********************************************************/
a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
  }

.lien_infos{
	color:#A0A0A0;
	text-decoration:underline;
}

.lien_infos:hover{
	color:#A0A0A0;
	text-decoration:none;
}
.lien_infos2{
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

.lien_infos2:hover{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}


#texte_intro span{
	font-weight:bold;
}

.rouge{
	color:#c00500;
}

.lien_souscrire{
	color:#A41C1C;
}

.lien_souscrire:hover{
	color:#5f0606;
	text-decoration:none;
}

.liens{
	margin-bottom:1px;
	margin-left:10px;
	font-weight:bold;
	color:#414141;
	margin-right:5px;
}

.liens2{
    margin-left:10px;
    color:#414141;
    margin-bottom:1px;
	margin-right:90px;
}

.liens_menu{
	margin-top:15px;
	margin-left:10px;
	font-weight:bold;
	color:#414141;
	background:url(img/logo_mini.png) left top no-repeat;
	padding-left:15px;
}
.liens_navig{
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
	margin-right:98px;
	font-size:10px;
	font-weight:bold;
	color:#414141;
}

.liens span{
	color:#373737;
}

.gris{
	color:#373737;
	text-decoration:underline;
}

.gris:hover{
	color:#373737;
	text-decoration:none;
}

.liens_texte{
	margin-bottom:1px;
	font-weight:bold;
	color:#414141;
	background:url(img/logo_mini.png) left top no-repeat;
	padding-left:15px;
}

.lienAff{
	color:#373737;
	text-decoration:underline;
	font-size:17px;
}

.lienAff:hover{
	color:#373737;
	text-decoration:none;
	font-size:17px;
}

.lienAff2{
	font-size:15px;
	color:#c00500;
	text-decoration:none;
}

.backAccueil{
	width:225px;
	height:50px;
	float:none;
	margin-top:14px;
	margin-left:16px;
	cursor:pointer;
	background:#000000;
	-moz-opacity:0;
	opacity: 0;
	filter:alpha(opacity=0);
}

/********************************************************
BOUTON
********************************************************/
.retour{
	text-decoration:none;
	display:none;

}
.bordure_retour{
	border:0px;
}
.imprimer{float:none;margin-left:592px;text-decoration:none;display:none;}
.imprimer2 {float:left;text-decoration:none;display:none;}
/********************************************************
TEXTE
********************************************************/
#kipeut{
	visibility:hidden;
	display:none;
}

#logoIntro{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:left;
	margin-left:100px;
	background:url(img/orpi_logo.jpg) left top no-repeat;
	height:50px;
	padding-top:15px;
	padding-left:70px;
}

#logoIntroGr{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:left;
	margin-left:100px;
	background:url(img/orpi_logo.jpg) right top no-repeat;
	height:50px;
	padding-top:15px;
	width:658px;
	/*padding-left:70px;*/
}

#logoIntro2{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:left;
	margin-left:100px;
	background:url(img/allo_logo.jpg) left top no-repeat;
	height:60px;
	padding-top:15px;
	padding-left:70px;
	float:none;
}

#titreIntroP{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:center;
	margin-left:100px;
	height:60px;
	padding-top:15px;
	padding-left:70px;
	float:none;
}

.Align{
	text-align:center;
}

#ImgForm{
	margin-right:20px;
	float:none;
}

#logoMention{
	margin-left:400px;
	margin-top:30px;
	margin-bottom:10px;
}

#logoAnnexe{
	font-size:14px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	color:#414141;
	text-align:left;
	height:50px;
	padding-top:15px;

}
#logoAnnexe2{
	margin-left:500px;
	margin-top:30px;
	margin-bottom:40px;
}
#imageInstall{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:100px;
}

#logoCenter{
	width:770px;
	text-align:center;
}

.modul_gris{
	margin-left:90px;
	margin-right:95px;
	margin-top:5px;
	margin-bottom:5px;
	background:#C7C7C7;
}

.entete{
	font-size:12px;
	padding:5px;
	color:#000000;
}

.texte_rouge{
	font-size:12px;
	color:#A10000;
	width:650px;
}

.text_rouge {color:#A10000;font-size:12px;width:80%;}

.text_n {margin:15px 98px 15px 93px;font-size:12px;color:#000000;}
.text_n_mini {margin:15px 98px 15px ;width:200px;font-size:12px;color:#000000;}
.text_n2{margin-left:120px;margin-right:98px;margin-top:15px;margin-bottom:15px;font-size:12px;color:#000000;}

.text_d{
	margin-left:93px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	color:#000000;
	text-align:right;
}

.text_c{
	margin-left:93px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	color:#000000;
	text-align:center;
}

.contact{
	margin-left:93px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:80px;
	float:none;
	width:100px;
	vertical-align:top;
}

.contact2{
	margin-left:93px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:20px;
	float:none;
	width:100px;
	vertical-align:top;
}

.text_tablo{
	font-size:11px;
	color:#000000;
}
.text_tablo4{
	font-size:10px;
	color:#000000;
}

.tabloAnnex{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	width:74%;
	margin-left:90px;
}

.tabloAnnexC{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background:#f7bcbc;
	width:20%;
	text-align:center;
	font-weight:bold;
}

.tabloAnnexC2{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background:#f7bcbc;
	text-align:center;
	font-weight:bold;
	width:40%;
	height:50px;
}

.tabloAnnexC3{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background:#f7bcbc;
	text-align:left;
	height:35px;
	padding-left:5px;
}

.tabloAnnexC4{
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	height:35px;
}

.text_liste{
	margin-left:160px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	color:#000000;
}
.cadre{
	margin-left:93px;
	margin-right:98px;
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;
	color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#373737;
	padding:5px 5px 5px 5px;
}

.text_droite {
	text-align:right;
	margin-right:110px;
	font-size:12px;
	color:#000000;

}
.text_gras{
	font-weight:bold;
	font-size:12px;
	color:#000000;
}
.gras{
	font-weight:bold;
}
.text_gras span{
	font-weight:bold;
	font-size:12px;
	color:#000000;
}

.mention{
	margin-right:10px;
    margin-left:10px;
    color:#414141;
    padding-left:15px;
    margin-top:1px;
}

.mention2{
    margin-left:10px;
    color:#414141;
}

.mention_bdp{
	margin-bottom:1px;
	font-size:9px;
	color:#8C8B8B;
	letter-spacing:-0.10em;
	text-align:center;
}

.mention_bdp2{
	margin-bottom:1px;
	font-size:9px;
	color:#8C8B8B;
	letter-spacing:-0.10em;
	margin-left:90px;
}

#adobe{
	border:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:640px;
}

.logo2 {border:0px;}

/********************************************************
Styles divers
********************************************************/
.stabilo {background-color:#a10000;color:#fff;text-align:center;margin-bottom:0;}
.stabilogris {background-color:#ccc;color:#000;text-align:left;}
.redtitle {font-size:130%;color:#A10000;margin-top:25px;}
.italik {font-style:italic;margin:0px 0 10px 0px;color:#000;text-align:center;}
.indent {text-indent:20px;}
.big {font-size:150%;}
.bigger {font-size:160%;}
.black {color:#000;}
.dblue {color:#003366;}
.mochard {color:#fff;background-color:#a10000;font-weight:bold;}
.mochard:hover {color:#a10000;background-color:#fff;}
.underline {text-decoration:underline;}
.encartgris {display:block;background-color:#ccc;text-align:center;width:70%;margin-left:15%;}
.green {color:#339966;}
.table_link {color:#555;}
.table_link:hover {color:#000;text-decoration:none;}
.grl {text-align: center;}
.left {text-align: left;width:80%;margin-left:auto;margin-right:auto;}
.cadre3 {border: 1px solid #000;padding:5px;width:650px;}
.cadre3 h6 {margin:10px 20px 5px 20px;}
p.pgbrk {display:block;height:1px;line-height:1px;page-break-before:always;}
div.leftSide p {font-size:12px;padding:20px 5px 5px 50px;width:80%}
div.rightSide {width:650px;;}
.tableau {clear:both;background-color:#EDEDEE;width:80%;}
.tableau td {border:1px solid #fff;}
/********************************************************
MENUS
********************************************************/
#menuP{
	width:200px;
	margin-left:75px;
	z-index:1;
	position:absolute;
}
#menuP2{
	width:228px;
	margin-left:245px;
	z-index:2;
	position:absolute;
}

#menuP3{
	width:200px;
	margin-left:445px;
	z-index:3;
	position:absolute;
}

/* premier menu */
#menu {list-style-type:none; margin:0px auto 0px auto; padding:0; width:208px;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:190px; height:43px; z-index:100;}
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0; width:190px;height:43px;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none; top:10px;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:10px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu dt {margin:0; padding: 0;}
#menu dt span {color:#a20000;}
#menu dd {margin:0 0em 0 0em; padding:0.09em 0em 0 0em; color: #fff; font-size: 0.85em; text-align:left; width:210px;letter-spacing:-0.10em;font-weight:bold;}
#menu dt a, #menu dt a:visited {display:block; font-size: 1em; font-weight:bold; color: #000000; text-align:left; border-width:0 0px 0px 0px; background:url(img/menu_fond_1.png) left top no-repeat; padding:1em 0 1em 1.3em;}
#menu li:hover dt a, #menu a:hover dt a {color:#000000; background:url(img/menu_fond_2.png) left top no-repeat; border:0px solid #08c; border-width:0 0px 0px 0px;}
#menu dd a, #menu dd a:visited {background:url(img/menu_fond_2_1.jpg) left top repeat-y; color:#fff; padding:0.09em 0em 0.3em 0.5em; text-decoration:none; display:block; text-align:left; margin:0 2em 0 2em;}
#menu dd a:hover {background:url(img/menu_fond_2_1.jpg) left top repeat-y; color:#000;}

/* second menu */
#menu2 {list-style-type:none; margin:0px auto 0px auto; padding:0; width:228px;}
#menu2 li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:228px; height:43px; z-index:100;}
#menu2 li dl {position:absolute; top:0; left:0; padding-bottom:0; width:228px;height:43px;}
#menu2 li a, #menu2 li a:visited {text-decoration:none;}
#menu2 li dd {display:none; top:10px;}
#menu2 li a:hover {border:0;}
#menu2 li:hover dd, #menu2 li a:hover dd {display:block;}
#menu2 li:hover dl, #menu2 li a:hover dl {padding-bottom:10px;}
#menu2 table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu2 dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu2 dt {margin:0; padding: 0;}
#menu2 dt span {color:#a20000;}
#menu2 dd {margin:0 0em 0 0em; padding:0.09em 0em 0 0em; color: #fff; font-size: 0.85em; text-align:left; width:228px;letter-spacing:-0.10em;font-weight:bold;}
#menu2 dt a, #menu2 dt a:visited {display:block; font-size: 1em; font-weight:bold; color: #000000; text-align:left; border-width:0 0px 0px 0px; background:url(img/menu_fond_1_2.png) left top no-repeat; padding:1em 0 1em 1.3em;}
#menu2 li:hover dt a, #menu2 a:hover dt a {color:#000000; background:url(img/menu_fond_1_2_1.png) left top no-repeat; border:0px solid #08c; border-width:0 0px 0px 0px;}
#menu2 dd a, #menu2 dd a:visited {background:url(img/menu_fond_2_2.jpg) left top repeat-y; color:#fff; padding:0.09em 0em 0.3em 0.5em; text-decoration:none; display:block; text-align:left; margin:0 0em 0 2em;}
#menu2 dd a:hover {background:url(img/menu_fond_2_2.jpg) left top repeat-y; color:#000;}

/* troisième menu */
#menu3 {list-style-type:none; margin:0px auto 0px auto; padding:0; width:208px;}
#menu3 li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:190px; height:43px; z-index:100;}
#menu3 li dl {position:absolute; top:0; left:0; padding-bottom:0; width:190px;height:43px;}
#menu3 li a, #menu3 li a:visited {text-decoration:none;}
#menu3 li dd {display:none; top:10px;}
#menu3 li a:hover {border:0;}
#menu3 li:hover dd, #menu3 li a:hover dd {display:block;}
#menu3 li:hover dl, #menu3 li a:hover dl {padding-bottom:10px;}
#menu3 table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu3 dl {width: 150px; margin: 0; padding: 0; background: transparent;}
#menu3 dt {margin:0; padding: 0;}
#menu3 dt span {color:#a20000;}
#menu3 dd {margin:0 0em 0 0em; padding:0.09em 0em 0 0em; color: #fff; font-size: 0.85em; text-align:left; width:210px;letter-spacing:-0.10em;font-weight:bold;}
#menu3 dt a, #menu3 dt a:visited {display:block; font-size: 1em; font-weight:bold; color: #000000; text-align:left; border-width:0 0px 0px 0px; background:url(img/menu_fond_1.png) left top no-repeat; padding:1em 0 1em 1.3em;}
#menu3 li:hover dt a, #menu3 a:hover dt a {color:#000000; background:url(img/menu_fond_2.png) left top no-repeat; border:0px solid #08c; border-width:0 0px 0px 0px;}
#menu3 dd a, #menu3 dd a:visited {background:url(img/menu_fond_2_1.jpg) left top repeat-y; color:#fff; padding:0.09em 0em 0.3em 0.5em; text-decoration:none; display:block; text-align:left; margin:0 2em 0 2em;}
#menu3 dd a:hover {background:url(img/menu_fond_2_1.jpg) left top repeat-y; color:#000;}
