/* CSS Document */

			/* Balises redefinies */
			/************************/
body {height:100%; background-color:#FFFFFF; margin: 0;}
html {height:100%;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; margin:0 0 5px 0;  font-weight:normal; color:#027771; text-align:left}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:0 0 5px 0; font-weight:bold; color:#027771; text-align:left;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0 10px 0; font-weight:bold; color:#027771; text-align:left}
h4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:10px 0 10px 0; font-weight:bold; color:#027771; text-align:left}
h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:10px 0 10px 0; font-weight:bold; color:#027771; text-align:left}
h6 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:10px 0 10px 0; font-weight:bold; color:#027771; text-align:left}
td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0 0 10px 0; font-weight:bold;}
hr {border-top:1px dashed #027771; margin:5px 20px 5px 10px; clear:both}
a {text-decoration:underline; color:#FF9900;}
a:hover {text-decoration:none; color:#FF9900}
a img {margin:0; padding:0;}
input submit {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}
table td tr { clear:both; font-family:Arial, Helvetica, sans-serif; color:#F18400;}


			/* Structure de la page */
			/***********************/

#site {width:922px; height:auto; background-color: #FFFFFF; position:relative; left:50%; margin:0 0 0 -461px;}
#site {border: 1px solid #027771;}

#banniere {height:133px; width:100%; background-image:url(../../clcv/images/banner.gif)}
#logobanner {position:absolute; top:0px; left:0px; height:133px; width:141px;}
#animflash {height:156px; width:922px; background-image:url("../images/home/vierge/banner_vierge.jpg"); background-position:left;}
/*#barresecontop { clear:both; position:absolute; top:106px; right:8px; height:16px; width:288px; _top:105px; z-index:75;}*/
#barresecontop{position:absolute; bottom:8px; right:8px; height:16px; width:300px; z-index:75;}
#menusecond {position:absolute; right:0px; height:133px; width:auto; z-index:75;}
#logintop {position:absolute; top:15px; right:10px; height:80px; width:250px;}

#id1{height:auto;}
#idprin {width:922px; height:auto; color:#027771; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; /*text-align: justify;*/}
#mosaik {width:692px; height:auto; color:#027771; float:left;}
#id3{height:auto; background-color:#3366FF; font-size:12px;}
#id4{height:60px; border-top:1px solid #027771; font-size:12px; clear:both; padding-top:10px;}
#id4{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align: center; color:#027771; line-height:20px;}
#id4 a {font-family:Arial, Helvetica, sans-serif;font-size:11px;text-align: center;color:#027771;line-height:20px;}
#id4 a:hover {color:#FF9900}

#menu_01 {height:32px; width:922px; background-color:#F08400;}
#menu_01_1, #menu_01_2, #menu_01_3, #menu_01_4{float:left; height:32px;}
#menu_01_1 {width:230px; background-color:#007771;}
#menu_01_2 {width:230px; background-color:#007771; border-left:solid #FFFFFF 1px;}
#menu_01_3 {width:230px; background-color:#007771; border-left:solid #FFFFFF 1px;}
#menu_01_4 {width:229px;  border-left:solid #FFFFFF 1px;}

#menu_02 {height:33px; width:922px; background:#97C13B;}
#menu_02_1, #menu_02_2, #menu_02_3, #menu_02_4 {height:33px;float:left;}
#menu_02_1 {width:229px;}
#menu_02_2 {border-left:1px solid #FFFFFF; width:458px;}
#menu_02_3 /*{border-left:1px solid #FFFFFF;*/ {width:229px; text-align:left}
#menu_02_4 {border-left:1px solid #FFFFFF;width:232px;}

#colonne_principal {width:660px; padding:20px 20px 10px 10px;float:left;}

#contenu_01 {width:229px; float:left; padding-bottom:20px;}
#bloc01{float:left;	width:190px;padding:10px 0px 10px 10px;}
.bloc01actus{height:400px; width:190px; background-image:url(../images/home/fond_actus.jpg); background-repeat:no-repeat; background-position:bottom left; padding: 0 10px 0 10px;}
#bloc02{float:left;	width:190px;padding:10px 0px 10px 10px;}

#contenu_02 {width:440px; float:left;padding-bottom:20px;}
#bloc03{float:left; width:410px; padding:10px 5px 10px 10px;}
#bloc04{float:left; width:410px; padding:10px 5px 10px 10px;}
#bloc05{float:left; width:410px; padding:10px 5px 10px 10px;}

/*#contenu_02_1 {width:230px; float:left; padding:10px 0 0 0;}
#contenu_02_2 {width:229px; float:left; padding:10px 0 0 0;}
#contenu_02_3 {width:430px; padding:0 20px 0 10px; clear:both;}*/

#contenu_04 {width:230px; float:right;}
/*#contenu_041 {border-left:1px dashed #027771; padding:0 5px 0 10px; float:inherit;}*/
#contenu_041 {border-left:1px dashed #027771; padding:0 5px 0 10px;}
#bloc_004 {width:100%; height:10px;}
#bloc_004bas {float:right;width:100%; height:20px;}
#bloc06 {width:auto; float:inherit; padding:0 5px 0 5px;}
#bloc07 {width:100%; float:inherit; padding:10px 20px 10px 10px;}
#bloc08 {width:100%; float:inherit; padding:10px 20px 10px 10px;}
#bloc09 {width:auto; float:inherit; padding:10px 20px 10px 10px;}
#bloc10 {width:auto; float:inherit; padding:10px 20px 10px 10px;}

			/* 	Regions */
#affregion {width:638px; height:auto; color:#027771;}
#affdept {width:250px; height:auto; color:#027771; float:left;}
#afflocal {width:388px; height:auto; color:#027771; float:left;}

			/*  Elements de la page       */
			/*******************************/
.dropboxhome select{ float:left; text-align:left; height:20px; border:1px solid #2F9273; color:#2F9273;}
.dropboxhomeplz select{width:160px; border:1px solid #2F9273; color:#2F9273; margin:0; font-size:12px;}
.recherchehome {position:relative; top:5px; text-align:center; left:15px; width:170px; height:16px; border:1px solid #2F9273; color:#2F9273; line-height:16px;}
.btokhome {position:relative; top:5px; right:0}		
.btcentersuite {margin:10px 0 0 0;}
.voislasuite {padding: 0 10px 0 0; text-align:right; float:right; width:auto; height:30px;}
.voislasuitegauche {width:190px; height:30px; text-align:right}
.colonne_01 {width:216px; float:left; margin:10px 0px 20px 5px; } 
.colonne_02 {width:216px; float:left; margin:10px 0px 20px 5px;} 
.colonne_03 {width:216px; float:left; margin:10px 0px 20px 5px; }
.colonne_01bloc {width:216px; float:left; margin:5px 0px 5px 5px; } 
.colonne_02bloc {width:216px; float:left; margin:5px 0px 5px 8px; } 
.colonne_03bloc {width:216px; float:left;margin:5px 0px 5px 8px; }
.textebloc {clear:both; height:auto;}
.bodytext {text-align:justify;color:#666666;font-size:12px;}
.bodytext ul, li {color:#666666;}
			
			/* Classes Mise en forme */
			/*************************/
.marginzero {margin:0px;}
.padding5 { padding:5px;}
.width150 { width:100px;}
.texteMenu {font-family: Arial, Helvetica, sans-serif; font-size:18px; text-align: center; color:#FFFFFF; line-height:30px; text-decoration:none;}
.texteMenu {text-decoration:none;}
.texteMenuActions {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#FFFFFF; text-decoration:none; width:120px; float:left; padding:5px}
.texteMenuActions {text-decoration:none;}
.textenormale {font-family: Arial, Helvetica, sans-serif; /*font-size:12px;*/ /*color:#027771;*/color:#666666; text-align:justify; font-weight:normal}
.textepetit{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align: justify; color:#027771;}
.titre {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; text-align:left;}
.titrebloc {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; text-align:left;color:#2F9273; padding: 25px 0 0 40px; margin:0;}
.textearticle {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:normal;}
.soustitre {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:bold;}
.texteaccroche {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:justify; font-weight:bold;}
.texteblocsdroit {font-family: Arial, Helvetica, sans-serif; font-size:12px; text-align:left; font-weight:normal;}
.linktexte {text-decoration:none;color:#027771;}
.linktexte:hover{ text-decoration:none;color:#F08400;}
.menuarticles a {text-decoration:none;color:#027771;}
.dateArticle {width:300px;padding-right:25px;float:right;font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:-20px 0 0 0;}

.titrehome {margin:0 0 10px 0;}
.soustitrehome {margin:0 0 10px 0;}
.texthome01 {margin:0; height:auto; width:220px}
.texthome02 {margin:0; height:auto; width:220px}
.texthome03 {margin:0; height:auto; width:220px}

.texthome01 p.bodytext {width:200px;color:#027771;}

#contenu_03 .texthome03 {width:210px}
.blocvert {background-image:url(../../clcv/images/home/fond_blocsites_vert.gif); background-repeat:repeat-y;}
.blocorange{background-image:url(../../clcv/images/home/fond_blocsites_orange.gif); background-repeat:repeat-y;}
.texteblocvert {height:150px}
.texteblocvert p {padding:5px 10px 5px 10px; margin:0; text-align:left; font-size:10px; height:55px;color:#2F9273;}
.texteblocorange {height:150px}
.texteblocorange p {padding:5px 10px 5px 10px; margin:0; text-align:left; font-size:10px; height:55px;color:#2F9273;}
/*.texthome03 {margin:0 0 10px 0; height:220px;}*/
.lirelasuite {margin:0 0 0px 0; text-align:right; bottom:0px; position:inherit;} 
.ach4 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:24px; margin:0; font-weight:400}
.ach5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:0; font-weight:400}
.date {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:600; text-indent:10px; color: #666666;}
.sousligne {margin:0 0 5px 0; background-image:url(../../clcv/images/home/sousligne.gif); background-repeat:no-repeat; background-position:bottom left;}
.sousligne-on {margin:0 0 0 0; background-image:url(../../clcv/images/home/sousligne.gif); background-repeat:no-repeat; background-position:bottom left; background-color: #E6E6E6}
.sousligne-off {margin:0 0 0 0; background-image:url(../../clcv/images/home/sousligne.gif); background-repeat:no-repeat; background-position:bottom left;}
.form { margin:0}

			/* Login */
#logintop {position:absolute; top:25px; right:10px; height:80px; width:250px;}
#deconnextop {position:absolute; top:25px; right:10px; height:80px; width:150px;}
#deconnextop a {text-decoration:none; color:#027771;}
#deconnextop a:hover {text-decoration:none; color:#F08400;}
/*.zonelogintop { position:absolute; top:0px; right:28px; height:16px; width:118px; border:solid #666666 1px; font-size:10px}
.zonepasstop { position:absolute; top:20px; right:28px; height:16px; width:118px; border:solid #666666 1px; font-size:10px}
.zonebtoktop { position:absolute; top:20px; right:2px;}*/
.zonelogintop {position:absolute; top:0px; right:28px; height:15px; width:118px; border:solid #666666 1px; font-size:10px}
.zonepasstop {position:absolute; top:20px; right:28px; height:15px; width:118px; border:solid #666666 1px; font-size:10px}
.labelzonepasstop {position:absolute; top:0px; left:110px;}
.textetopmessage {position:absolute; top:45px; left:0px; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:10px;}
.zonebtoktop {position:absolute; top:20px; left:0px; width:100px; height:19px}
.mdpoublie {position:absolute; top:45px; left:104px; font-size:10px;} 
.mdpoublie a {text-decoration:none; color:#027771; font-size:10px;}
.mdpoublie a:hover {text-decoration:none; color:#F08400;font-size:10px;}
.bt_login {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}

			/*  FORMS */
			
.texteareaForm {position:relative; top:5px; text-align:left; left:15px; border:1px solid #2F9273; color:#2F9273;}	
.btokForms {position:relative; top:5px; text-align:center; left:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}	
.btokRecherche {position:relative; top:5px; text-align:center; width:30px; height:20px; left:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}	
.tx_frtenews_bt {position:relative; top:5px; text-align:center; left:15px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}
.boxform {position:relative; top:5px; text-align:left; left:15px; width:200px; height:20px; border:1px solid #2F9273; color:#2F9273;}
.tx-srfeuserregister-pi1-text {border:1px solid #2F9273; color:#2F9273; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.tx-srfeuserregister-pi1-password {border:1px solid #2F9273; color:#2F9273; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
#tx-srfeuserregister-pi1-tx_extfeuser_civilite_safig {border:1px solid #2F9273; color:#2F9273; font-family:Arial, Helvetica, sans-serif; font-weight:600;}
.tx-srfeuserregister-pi1-submit {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:600; color:#F18400; border:solid #2D9176 1px; background-color:#FFFFFF;}

			/* Regions */
.dick {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px 0; font-weight:bold}
.divunionsdepartementales { font-size:11px; font-family:Arial, Helvetica, sans-serif; float:left; }/* border:#333333 solid 1px; margin:5px 5px 5px 5px;}*/
.divunionslocales { font-size:11px; font-family:Arial, Helvetica, sans-serif; float:right;}
.apparent {display:block;visibility:visible;}
.cache {display:none;visibility:hidden;}

			/* Boutique */
.tx-ttproducts-pi1-wrap2 {color:#2F9273;}
.tx-ttproducts-pi1-wrap1 {color:#FFFFFF; line-height:17px;}
.classprix {color:#FF9900;}
.fieldQty {border:1px solid #2F9273; color:#2F9273; font-family:Arial, Helvetica, sans-serif; font-weight:600; font-size:12px}
.formfield {border:1px solid #2F9273; color:#2F9273; font-family:Arial, Helvetica, sans-serif; font-weight:400; width:300px;}
.shop_minibasket_image img {vertical-align: bottom; line-height:16px;}
.fontretour {color:#FFFFFF;}
.shop_minibasket {margin:-90px 0 20px 290px; z-index:75;}
p.paniervide {margin:-70px 0 20px 290px; z-index:75;}

			/* FE Users */
.tx-newloginbox-pi3-singleView th, tr { font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.tx-newloginbox-pi3-singleView td { font-size:11px; font-family:Arial, Helvetica, sans-serif;}

			/* MOSAIK */
.filariane {font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:10px 10px 0 10px;}
.soustheme {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#666666}
.sousmenutheme {font-size:11px; font-family:Arial, Helvetica, sans-serif; margin:0 10px 0 10px;}
.soustitre { text-align:left;}
#mosaik_01 {position:absolute; left:0px; width:200px; height:400px; overflow:hidden; background-color:#00CC66}
#mosaik_02 {position:absolute; left:200px; width:200px; height:300px; overflow:hidden; background-color:#33FFCC}
#mosaik_03 {position:absolute; left:400px; width:200px; height:300px; overflow:hidden; background-color:#FFCC00}
#mosaik_04 {position:absolute; left:200px; top:400px; width:200px; overflow:hidden; height:300px; background-color:#CC9999}
#mosaik_05 {position:absolute; left:400px; top:400px; width:200px; overflow:hidden; height:300px; background-color:#FF66CC}

			/* THEMES */
.titremenuarticles {width:200px; height:auto; background: #FCFFF4; padding:10px 10px 10px 10px;}
.liensrubtheme {font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; color:#027771}
.liensrubtheme:hover {text-decoration:underline}
.liensrubthemeb {font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none; color:#027771}
.liensrubthemeb:hover {text-decoration:underline}
.extcontent {float:left; width:400px; height:auto;}
/*.dateArticle {margin:-80px 0 20px 350px; z-index:75;}*/


		   /* TT_News */
.clearer {display:none}

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
DIV.csc-menu { margin-left: 10px; }
DIV.csc-menu P { font-size: 11px; font-weight: bold; margin: 1px 0px 0px 0px; padding: 2px 2px 2px 10px; background-color: #EDEBF1; }
DIV.csc-menu P A { color: #000000; text-decoration: none; }
DIV.csc-menu P A:hover { color: #660000; text-decoration: underline; }
DIV.csc-menu P.csc-section { font-weight: normal; margin-left: 20px; font-style: italic; }

/* Menu / Sitemap, "Menu of these pages" */
DIV.csc-menu-def P {  }

/* Menu / Sitemap, "Menu of subpages to these pages" */
DIV.csc-menu-1 { }

/* Menu / Sitemap, "Sitemap" */
DIV.csc-menu-2 { }
DIV.csc-menu-2 P.csc-sitemap { }
DIV.csc-menu-2 P.csc-sitemap-level1 { margin-left: 20px; }
DIV.csc-menu-2 P.csc-sitemap-level2 { margin-left: 40px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { margin-left: 60px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left: 80px; }
DIV.csc-menu-2 P.csc-sitemap-level1 A { color: #000000; }
DIV.csc-menu-2 P.csc-sitemap-level2 A { color: #186900; }
DIV.csc-menu-2 P.csc-sitemap-level3 A { color: #10007B; }
DIV.csc-menu-2 P.csc-sitemap-level4 A { color: #8A0020; }

/* Menu / Sitemap, "Section index (pagecontent w/Index checked)" */
DIV.csc-menu-3 { }
DIV.csc-menu-3 P.csc-section { margin-left: 0px; }
DIV.csc-menu-3 P.csc-section A { color: #186900; }

/* Menu / Sitemap, "Menu of subpages to these pages (with abstract)" */
DIV.csc-menu-4 { }
DIV.csc-menu-4 P { margin-top: 2px; }
DIV.csc-menu-4 P.csc-abstract { font-weight: normal; font-style: italic; margin-top: 0px; padding: 0px 2px 2px 20px; }

/* Menu / Sitemap, "Recently updated pages" */
DIV.csc-menu-5 { }

/* Menu / Sitemap, "Related pages (based on keywords)" */
DIV.csc-menu-6 { }

/* Menu / Sitemap, "Menu of subpages to these pages + sections" */
DIV.csc-menu-7 { }
DIV.csc-menu-7 P { font-weight: bold; }
DIV.csc-menu-7 P.csc-section A { color: #186900; }

				/* FORM ADHERE */
#formgauche {width:220px; float:left}
#formdroite { width:410px; float:left}
