body {font: 0.8em arial, verdana, tahoma, 'sans serif';margin: 0;padding: 0px; width:100%;}
* {margin:0; padding:0;}
*+html body {font-size:1em;}
a img {border:0px none;}
.clear {clear:both; float:none;}
input[type=submit] {cursor:pointer;}

#global {min-width:1005px;}

/*header*/
#header {min-width:1005px;height:130px;position:relative;}
#header h1 {position:absolute; z-index:101;width:182px;height:105px;left:0;top:0;}
*+html #header h1 {position:absolute;clear:both; z-index:500;left:0;top:0px;}
#header h1 a, #header h1 img {position:relative;z-index:100;}
#header object {position:absolute;right:0;}
#bandeau {width:100%; background:#000; height:25px; font-size:14px; letter-spacing:10px; text-align:center;
line-height:25px; color:#fff; min-width:1005px; font-weight:bold; position:absolute;top:105px;}
#bandeau strong {color:#d7272d;}
#language {position:absolute; top:0; right:0; width:60px; text-align:center; padding-top:5px;}
#language p {float:left; width:20px; margin-left:5px;}

/*conteneur*/
#container {width:100%; background:transparent url(img/left.jpg) left top repeat-y;  min-width:1005px;}
#subcontainer {background:transparent url(img/right.jpg) right top repeat-y ; overflow:hidden; width:100%; min-width:1005px;}

/*partie gauche*/
#gauche {width:196px; float:left; position:relative; z-index:88;}
/*#gauche-fixe {position:fixed; top:130px;}*/
#gauche fieldset {border:0px none;}
#recherche {text-align:center; padding:12px; width:172px; margin:0 auto; background:#000;}
#input_recherche {display:block; padding:2px; width:130px; float:left;}
#recherche .okbutton {float:left;}
#recherche .okbutton input {font-size:10px;}
/*menu gauche*/
#menu {position:relative; z-index:89; clear:both; margin-top:15px;}
#menu ul {position:relative; list-style-type: none; width:194px; margin:0 auto;}
#menu ul li {position:relative; height:30px; width:194px;}
/*#menu ul li.active {height:auto;}*/
#menu ul li ul li {width:188px;}

#menu ul li a, #menu ul li a:visited {display:block; width:181px; height:23px;}
#menu ul li ul li a, #menu ul li ul li a:visited {display:block; width:175px;}

#menu li a {color:#fff; font-size:13px; padding-top:7px; padding-right:13px; font-weight:bold; text-decoration:none;
text-align:right;}
#menu li a:hover, #menu li:hover a, #menu li.active a {background: #fff; color:#012c39;}

#menu ul ul {visibility:hidden; position:absolute; top:0; left:194px; z-index:500;}
#menu ul li:hover ul, #menu ul a:hover ul {visibility:visible; width:188px; border:1px solid #d7272d;border-left:0;top:-2px;}
#menu ul li:hover ul li, #menu ul li a:hover ul li {width:188px;}

#menu li ul li a, #menu li:hover ul li a {background:#fff; color:#012c39; font-weight:bold; font-size:12px;}
#menu li ul li a:hover {background:#012c39; color:#fff;}

#menu .lienconnex a {background:transparent url(img/cadenas_blanc.png) 70px center no-repeat;}
#menu .lienconnex a:hover {background:#fff url(img/cadenas_bleu.png) 70px center no-repeat;}
#menu .lienconnex a.en {background:transparent url(img/cadenas_blanc.png) 100px center no-repeat;}
#menu .lienconnex a.en:hover {background:#fff url(img/cadenas_bleu.png) 100px center no-repeat;}

#connexion {position:relative; z-index:100; width:194px; margin:0 auto; background:#518594;}
#accesclient {padding:12px;}
#accesclient label {display:block; color:#012c39; font-weight:bold;}
#accesclient .inputidentite {display:block; margin-bottom:5px; width:163px; padding:2px;}
#accesclient .okbutton {text-align:right;}
#accesclient a {color:#012c39;}
#connecte {color:#fff; padding:12px;}
#connecte a {color:#fff;}
a#logout {background:transparent url(img/bullet.png) left center no-repeat;padding-left:15px;}

/*centre*/
#centre {margin-left:197px; margin-right:200px; position:relative; z-index:1; padding:15px;}
#centre-accueil {margin-left:197px; margin-right:200px; position:relative; z-index:1; 
background:#dde2fd url(img/protactu.jpg) center top repeat-y;min-height:724px; min-width:608px;}

/*partie droite*/
#droite {width:199px; float:right; padding-left:1px; padding-bottom:80px; font-size:11px;}
#droite h2 {font-size:14px; color:#fff; height:40px; line-height:40px; padding-left:10px; width:189px;}
#droite h3 {height:40px;  text-transform: uppercase;width:199px;}
#droite h3 a {display:block; height:35px; line-height:40px; color:#fff; font-size:14px; font-weight:bold; 
text-decoration:none;padding:5px 0 0 20px;background: #797087 url(img/h3droite.jpg) right top no-repeat;}
#droite h3 a:hover {text-decoration:underline; background:none;background: #797087 url(img/h3droite.jpg) right bottom no-repeat;}
#droite .last_action {margin-bottom:2px; background-color:#fff; padding:5px 2px 5px 90px; font-size:11px; min-height:140px;}
#droite h4 {font-size:11px;}
#lastRef {background:transparent url(img/referentiel.jpg) left top no-repeat;}
#lastStd {background:transparent url(img/standardisation.jpg) left top no-repeat;}
#lastLivret {background:transparent url(img/livret.jpg) left top no-repeat;}
#droite a {color:#0f5d73; text-decoration:none; display:block;}
#droite a:hover {background:#e4f8fe;}

/*footer*/
#footer {width:100%; text-align:center; background-color:#151515; color:#fff;height:20px;padding-top:3px;}
#footer ul {width:700px;margin:0 auto;}
#footer ul li {float:left;display:block;border-right:1px solid #fff;color:#fff;}
#footer ul li#fin {border:none;}
#footer ul li a, #footer ul li span {color:#fff; text-decoration:none;display:block;margin:0 5px;}
#footer ul li a:hover {text-decoration:underline;}

/*page d'accueil*/
#edito {/*background:#04030b url(img/fond-edito.jpg) left top repeat-x;*/background:#fff; min-width:608px;height:308px;}
#contenu-edito {position:absolute; top:0; right:0; text-align:left;padding-right:3px;width:280px;height:308px;
color:#000; font-size:14px;font-weight:bold;background:#fff;}
#contenu-edito h2 {font-size:18px;margin-bottom:8px;}
#contenu-edito p {margin:8px 0;}
#last_protocole, #last_news {width:50%; float:left; margin-bottom:5px;position:relative;}
.news_accueil {width:94%; background: #c1d3de; min-height:75px; margin:0 auto 2px auto; padding:5px;}
.protocole_accueil {width:94%; background: #d9cdc4; min-height:75px; margin:0 auto 2px auto; padding:5px;}
#last_protocole h2, #last_news h2 {color:#1e444f; font-size:14px; font-weight:bold; height:44px; line-height:44px;
padding-left:24px; text-transform: uppercase; margin-top:6px;}
#centre-accueil h2 a {text-decoration:none;color:#1e444f;}
#centre-accueil h2 a:hover {text-decoration:underline;}
#centre-accueil h3 {padding-left:12px; background:transparent url(img/puce.png) left center no-repeat;
font-size:12px; color:#cd272d;}
#centre-accueil h3 a {text-decoration:none; color:#cd272d;}
.protocole_accueil, .news_accueil, .protocole_accueil a, .news_accueil a {text-decoration:none; color:#0f5d73; display:block;
position:relative;}
.protocole_accueil a:hover, .news_accueil a:hover {background:#e4f8fe;}
#centre-accueil .date {font-size:11px;}

/*Contenu*/
.titre {color:#000;margin-bottom:4px;font-size:210%;border-bottom:2px solid #000;background:transparent url(img/bg-title.jpg) left bottom no-repeat;
padding-left:67px;}
.titre span, .result p span, .faq span, h3.sousTitre span {color:#d7272d;}
.sousTitre {color:#5e7a82;margin:8px 0px;font-size:160%;}
ul li a, p a {color:#1e444f;}
ul li a:hover, p a:hover {color:#1e444f;text-decoration:none;}
ul.listRed {list-style-image:url(img/puce_red.jpg);width:300px;margin:10px auto;font-size:1.3em;}
ul.listRed2 {list-style-image:url(img/puce_red.jpg);}

#centre p {margin:5px 0px;}

.colGauche {float:left;width:30%;margin-right:2%;border-bottom:6px solid #d7272d;}
.colDroite {float:right;width:30%;margin:0 0 2% 2%;background:#CDE1EC url(img/bg_col.png) bottom left repeat-x;
padding:5px 5px 20px 5px;}
.colDroite p {padding:3px;}
.colDroite h4 {border-bottom:1px dotted #fff;padding:3px;padding-left:15px;
background: url(img/puce.png) 3px center no-repeat;color:#5e7a82;}

.encartGris {background-color:#dcdbdb;margin:5px auto;border:1px solid #c7c7c7;padding:3px;}
.encartRose {background-color:#e8dad1;margin:5px auto;border:1px solid #d3b4a1;padding:3px;}
.encartBleu {background-color:#c1d3de;margin:5px auto;border:1px solid #eee;padding:3px;}
.encartBleuPale {background-color:#e9eff2;margin:5px auto;border:1px solid #eee;}
.encartBleuPale2 {background-color:#d8e2e8;margin:5px auto;border:1px solid #eee;}

.colTitle {margin:0px auto 5px auto;padding:3px 0px 3px 15px;color:#fff;background:#000 url(img/puce_rouge.png) 5px center no-repeat;
border:1px solid #c7c7c7;}
.encartRose h4 {border-bottom:1px dotted #cf6422;color:#cf6422;}
.encartGris h4 {border-bottom:1px dotted #747373;color:#747373;}
.encartBleuPale h4 {background-color: #e6ebed;}
.encartBleuPale2 h4 {background-color: #e6ebed;}

.colDroite h4 a {color:#5e7a82;}
.colDroite h4 a:hover {color:#5e7a82;text-decoration:none;}

	/*Protocoles / news */
	.liste-evenement {width:60%;margin-top:15px;margin-bottom:15px;border:1px solid #c7c7c7;background-color:#fff;}
	.flotte, #centre p.flotte {margin-left:1%;margin-right:1%;}
	.flotteOff {margin-left:auto;margin-right:auto;}
	#centre .liste-evenement p {margin:0;}
	.liste-evenement h3 a {display:block;padding:0px 0px 0px 15px;color:#fff;background:#000 url(img/puce_rouge.png) 5px center no-repeat;border-bottom:1px dotted #1e444f;text-decoration:none;}
	.liste-evenement h3 a:hover {text-decoration:none;color:#fff;background-color:#1e444f;}
	.liste-evenement p a {display:block;text-decoration:none;color:#000;padding:2px 4px;}
	.liste-evenement p a span {text-decoration:underline;color:#9a272d;font-weight:bold;display:block;text-align:right;}
	.liste-evenement p a:hover {background-color:#e8dad1;color:#1e444f;}
	.liste-evenement p a:hover span {text-decoration:none;}
	#centre .liste-evenement p.who {color:#5e7a82;font-size:90%;text-align:right;padding-right:3px;border-bottom:1px dotted #747373;margin:0;}

	/*Recherche*/
	.result {margin:2%;border: 2px solid #ede7f7;padding:0 0 1em 0;}
	.result p {margin:0 0 5px 0px;background:#ede7f7;}

	/*FAQ*/
	.sous-titre {padding:0px 0px 0px 15px;color:#fff;background:#000 url(img/puce_rouge.png) 5px center no-repeat;border-bottom:1px dotted #1e444f;}
	.content {padding:2px 4px;}
	#rechercheFaq {}
	#rechercheFaq fieldset {width:100%;margin: 5px auto;border:none;}
	#rechercheFaq fieldset p {text-align:center;}
	#rechercheFaq input[type=text], #monForm input[type=text], #monForm input[type=password] {font-size:18px;width:100%;}
	#rechercheFaq input[type=submit], #monForm input[type=text], #monForm input[type=submit] {font-size:18px;}

	/*FORMS*/
	#ask {width:60%;float:left;}
	#monForm {width:100%;background-color:#cde1ec;padding:5px 5px 20px 5px;border:0;background:#CDE1EC url(img/bg_col.png) bottom left repeat-x;}
	#monForm p {padding:3px;margin:3px auto;border:1px solid #eee}
	#monForm p.un {background-color:#d8e2e8;}
	#monForm p.deux {background-color:#e9eff2;}
	#monForm textarea {font: 1.2em arial, verdana, tahoma, 'sans serif';width:100%;}
	#monForm input.limiteur {width:2.5em;text-align:right;}
	.red {color:#D72119;}
	
	form h4 {color:#d72119;margin:2px 0 0 0;}
	#alert {padding:1px;border:1px solid #d72119;border-bottom:3px;width:98%;margin:0px;}

	/*Actions CRPP*/
	.action {}
	.pdf {
	background:#e9eff2 url(img/pdf.png) left center no-repeat;
	display:block;
	height:22px;
	padding-left:35px;
	padding-top:10px;
	border:1px solid #c7c7c7;
	}
		a.pdf:hover {
		background-color:#d8e2e8;
		}
	/*Espace contributif CRPP*/
	.contribution, .action {margin:10px 0px;width:65%;background:#eee;}
	#edit {display:block; width:135px;height:18px;padding:4px 0px 2px 19px;background:#e9eff2 url(img/icone_editer.gif) 3px center no-repeat;
	border:1px solid #c7c7c7;}
	a#edit:hover {background-color:#d8e2e8;}
	#showForm {display:block; width:390px;height:18px;padding:4px 0px 2px 30px;background:#e9eff2 url(img/plus-sujet.png) 3px center no-repeat;
	border:1px solid #c7c7c7;}
	.reponse {padding-left:20px;border-left:3px solid #f7f7f2;margin-bottom:10px;}

	/*Infos news*/
	#chapo {font-style:italic;text-indent:10px;}
	#contNews, .answer {border:2px inset #f7f7f2;padding:5px;width:65%;}
	.datesujet {color:#5e7a82;font-size:90%;text-align:right;border-bottom:1px dotted #747373;margin:0;width:65%;}

	/*Plan du site*/
	#centre ul {padding-left:20px;}

	/*carte contact*/
	#carte {position:relative;width:750px; height:563px;background: url(img/maillage-territorial.jpg) left top no-repeat;}
	.mapped {display:block;position:absolute;}	
	#bordeaux {width:30px;height:30px;top:315px;left:237px;}
	#toulouse {width:25px;height:25px;top:355px;left:312px;}
	#lyon {width:25px;height:25px;top:273px;left:438px;}
	#paris_trousseau {width:7px;height:7px;top:122px;left:363px;}
	#paris_debre {width:7px;height:7px;top:113px;left:369px;}
	#paris_bicetre {width:7px;height:7px;top:122px;left:372px;}