html, body {font-family : Verdana,Arial, sans-serif;font-size :11px; background-color:#475AC1; }
p { margin:0px; line-height:1.5em;padding:0px; text-align:justify; margin-bottom:5px; }

body { margin:0px; padding:0px; background:url('./background.jpg') repeat-x top;  }

/* ############################# LIENS #################### */
/* ############################# LIENS #################### */
/* ############################# LIENS #################### */



a:link, a:visited { color :#664444;text-decoration:underline; }
a:hover   { color :#FF0000;text-decoration:none; }
a:active  { color :#000000;text-decoration:none; }

a:link  img , a:visited img { cursor:pointer; }
a:hover img  { cursor:pointer;}
a:active  img { cursor:pointer; }

a span { cursor:pointer; }

a.linkacc:link IMG {border:0px; text-decoration:none; border-left:solid #B7CFD1 10px; }
a.linkacc:visited IMG {border:0px; text-decoration:none; border-left:solid #B7CFD1 10px; }
a.linkacc:hover IMG {border:0px; text-decoration:none;border-left:solid #FF29A2 10px; opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
a.linkacc:active IMG {border:0px; text-decoration:none;border-left:solid green 10px; }

a.white:link, a.white:visited    { color :#FFFFFF;text-decoration:none; }
a.white:hover   { color :#FCF8BE;text-decoration:none; }
a.white:active  { color :#000000;text-decoration:none; }

a.boldlink:link, a.boldlink:visited { color :#000000;text-decoration:none;font-weight:bold;}
a.boldlink:hover { color :#ff0000;text-decoration:none;font-weight:bold;}
a.boldlink:active { color :#ffffff;text-decoration:none;font-weight:bold;}

a.red:link, a.red:visited    { color :#FF0000;text-decoration:none; }
a.red:hover   { color :#FF6666;text-decoration:none; }
a.red:active  { color :#000000;text-decoration:none; }

a.otr:link, a.otr:visited { color :#000000;text-decoration:underline;font-weight:bold; }
a.otr:hover   { color :red;text-decoration:underline;font-weight:bold; }
a.otr:active  { color :#ffffff;text-decoration:none;font-weight:bold; }

a.hidlink img {border:0px; text-decoration:none; }

a.biglink { float:left; display:block; background-color:#D8EBFA; font-size:16px; padding: 5px; margin:5px; }
a.biglink:hover { background-color:#92C7F1; }


a.imagelink { text-decoration:none; }
a.imagelink img {border:0px;  }
a.imagelink:hover img {border:0px;  opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;   }
a.imagelink:active img {border:0px; }

a.rsslink { display:block; font-size:11px; padding:2px; }
a.rsslink:link   { color :#2C6147 ;text-decoration:none;  border-left: solid 1px #8A9593; }
a.rsslink:visited { color :#81A497;text-decoration:none; border-left: solid 1px #BFCFCD; }
a.rsslink:hover   { color :#C92740;text-decoration:underline; border-left: solid 1px #C92740; background-color:#FFF; }
a.rsslink:active  { color :#C4263E;text-decoration:none; }


a.discretlink { color :#ACACAC; text-decoration:none; font-size:9px;}
a.discretlink:hover   { color :#7A7A7A;  }


a.onlink:link, a.onlink:visited, a.onlink:hover, a.onlink:active { color:green; text-decoration:none; }
a.offlink:link, a.offlink:visited, a.offlink:hover, a.offlink:active  { color:red; text-decoration:none; }





.bigbox-default { padding:10px; margin:10px; -moz-border-radius:10px; }

.catbox {  background-color:#FFF;  }

h1.cattitle { color:#FFC082; font-family:georgia; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:dotted #736250 1px;}


.picsbox { background-color:#FFF;  } 

.picsbox ul {  list-style-type:none; }
.picsbox li {  float:left; width:140px; height:140px; padding:3px; margin:3px; text-align:center; }  /*   background-color:#433B30;  */

.sorthandler { cursor:move; }

.pic { float:left; width:140px; height:140px;  padding:3px; margin:3px; text-align:center;   color:black;    background-color:#E8EAF7;  }
.pictitle { font-style:italic; color:#b36700; }

.switchers { float:left; margin-right:10px;width:17px; height:17px; cursor:pointer; background:url(./images/led0.png) no-repeat; }
.switch-on { background:url(./images/led1.png) no-repeat; }




/* ############################# GENERIQUES #################### */
/* ############################# GENERIQUES #################### */
/* ############################# GENERIQUES #################### */




.toggleaggbox { display:block; font-size:18px; cursor:pointer;  background-color: #4A5BC3; color:white; -moz-border-radius:10px; padding:3px; margin:3px; }



/* .toggleaggbox { cursor:pointer;  padding-left:20px; background:url('./aggbox-closed.gif') no-repeat center left;  }
############################# GENERIQUES #################### */



.txtpjs { color:black; background-color:#d7fbdd; -moz-border-radius:5px; padding:5px; margin:5px; border:solid #71f087 1px; }
.txtmp3s { color:black; background-color:#d7dafb; -moz-border-radius:5px; padding:5px; margin:5px; border:solid #708cf1 1px; }


.openaggbox { background-color: #6177FF;  }





.blocktexte0, .blocktexte1 , .blocktexte2, .blocktexte3  { padding:3px; margin-bottom:8px;  }

.blocktexte0 ul, .blocktexte1 ul { margin-top:5px;list-style-position:outside;  }
.blocktexte0 ul li , .blocktexte1 ul li { padding:3px; line-height:1.4em; text-align:justify; }

.blocktexte0 h3 { font-family:verdana; font-size:20px; color:#475AC1; border-bottom:solid #DADCE6 1px; padding-left:15px; }

.blocktexte1  { background-color:#5D76FD; color:white; } 
.blocktexte1  h3 { font-family:verdana; font-size:20px; color:#FFD90E; border-bottom:solid #5267DD 1px; padding-left:15px; }

.blocktexte2 h3 { font-family:verdana; font-size:20px; color:#DE415F; border-bottom:solid #DE415F 1px; padding-left:15px; }


.blocktexte3  { background-color:#DE415F; color:white; } 
.blocktexte3  h3 { font-family:verdana; font-size:20px; color:#FFEC88; border-bottom:solid #FFEC88 1px; padding-left:15px; }


table.ctctab { width:80%; padding:5px; }
table.ctctab td { vertical-align:top; padding:5px; }


#applimenubar { background-color:#CFF6EF; padding:3px;margin:5px;border-left:solid #84CCC0 5px; font-size:16px; }
#applimenubar .applimenubartitle { margin-right:10px; background-color:#23A28E; color:white; font-weight:bold; padding:0px 5px;  }

#header	{	height:120px;background:#fff url('./logobdp.jpg') no-repeat top left;    }
#header h1 { font-size:30px;position:relative; top:20px;left:-150px;text-align:center; }
#header h2 { font-family:verdana;position:relative; top:20px;left:30px;text-align:center; }


h1 {font-family:georgia;font-size:20px;margin-top:0em; margin-bottom:0em;}
h2 {font-family:georgia;font-size:17px;margin-top:0em; margin-bottom:0em;}
h3 {font-family:georgia;font-size:15px;margin-top:0em; margin-bottom:0em; }
h4 {font-family:georgia;font-size:14px;margin-top:0em; margin-bottom:0em;}
h5 {font-size:13px;margin-top:0em; margin-bottom:0em;}

.headerstyle1 { background-color:white; color:#EE2F3E; border-bottom:solid #EE2F3E 1px; padding:2px 0px 5px 5px;margin:6px 0px 6px 0px; }
.headerstyle2 { background-color:white; color:#1B7D8A;border-bottom:solid #1B7D8A 1px; padding:2px 0px 5px 5px;margin:6px 0px 6px 0px;}

.mainbox {text-align:left;width:900px;border-left:solid #3C4CA4 2px; border-right:solid #3C4CA4  2px;  }

#localisationbar { padding:3px; background-color:white; }

#localisationbar .vousetes { font-weight:bold; color:#dc7d1f;  }


#fondpage { height:1%;padding:10px;  background: #EBEDF8 ; }




#mainfooter { border-top:solid #D1D3DD 3px; background-color:#fff; margin:15px 15px 0 15px;padding:15px; }


.hidbox { display:none; }   .showbox { display:block; }
.padbox { padding:5px;  } 
.padbox2 { padding:10px;  }

.overflowbox {  overflow:hidden; }
.redbox { background-color:red; }

.centerbox { text-align:center; }



.centerbox table { margin-left: auto;margin-right: auto;text-align: left;}





#boiteaoutils-header, #boiteaoutils-folder-container, #boiteaoutils-files-container { -moz-border-radius:7px; padding:2px; margin:0 2px 7px 2px; }

#boiteaoutils-header {  background-color:#fff;font-size:11px;border:solid #5168DC 1px; }
#boiteaoutils-folder-container  {  background-color:#FFED99;border:solid #CA9D24 1px; }


#boiteaoutils-folder-container .folder { -moz-border-radius:7px; padding:10px; border:solid black 1px;background-color:#ffd3a8; }
#boiteaoutils-files-container  { background-color:#FFCDEE; border:solid #A54E83 1px; padding:10px; }






.transpimage {  opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }

.rightfloatbox { float:right; }
.cursorbox { cursor:pointer; }

.aggbox { display:none; }

.spacer {	clear: both; }
.floleft { float:left; }   .floright { float:right; }


table.generictable { border:solid #C8C8C8 1px; border-collapse: collapse; width:100%;   }
table.generictable td { vertical-align:top; padding:4px; border-right:solid #C8C8C8 1px;  }
table.generictable tr.separate td { border-bottom:solid black 1px; }

table.generictable tr.header { background-color:#696969; color:white; }
table.generictable tr.header th { vertical-align:top; font-size:11px; font-weight:normal; }

table.generictable tr.altrow { background-color:#EEEEEE; }
table.generictable td.admactions { background-color:#dadada; width:15px; }

table.generictable tr.etape  { background-color:#fff;  }
table.generictable tr.etape td  { padding:10px; font-weight:bold; border:solid black; border-width:1px 0px 0px 0px; }

table.generictable tr.ssetape  { background-color:#E8E8E8;  }
table.generictable tr.ssetape td  { padding:5px; font-weight:bold; border:dotted black; border-width:1px 0px 0px 0px; }





table.smalltab { border:solid black 1px; border-collapse: collapse; }
table.smalltab td,table.smalltab th { font-size:9px; vertical-align:top; padding:2px;border:solid #C8C8C8 1px;}
table.smalltab th { background-color:#e9e9e9; border:dotted grey 1px; border:solid grey 1px;}

table.smalltab td.days { width:10px; text-align:center;}
table.smalltab tr.row1 { background-color:white; }
table.smalltab tr.row2 { background-color:#f0f0f0; }



/* ######################### CYBER RALLYE ############################ */
/* ######################### CYBER RALLYE ############################ */
/* ######################### CYBER RALLYE ############################ */
/* ######################### CYBER RALLYE ############################ */
/* ######################### CYBER RALLYE ############################ */


.cybralmenubar { padding:10px; background-color:white; margin-bottom:10px; }

.cybralmenubar table { width:100%; }
.cybralmenubar table tr > td:first-child { text-align:center; }





.backlink { text-align:center; font-size:13px; border-bottom:solid black 1px; }

.cybraltimer { padding:5px; margin:5px; background-color:#f3c8ab; border:solid black 1px; }


.cybralbox { margin:10px;  }
.cybraltitre { padding:5px; color:white; margin-bottom:5px; }

.cybralboxfeuillederoute {  background-color:#C1FFB6;  }
.cybralboxfeuillederoute h2 {  background-color:#67E14A;  border-bottom:solid #4AA235 1px;  }


.cybralboxadminquestions { background-color:#E6FF99; }
.cybralboxadminquestions  h2 {  background-color:#ACC83E;  border-bottom:solid #5F7B0B 1px;  }


.cybralboxadminetapes { background-color:#f5d8e6; }
.cybralboxadminetapes  h2 {  background-color:#f889a5;  border-bottom:solid #da1b41 1px;  }

.cybralboxadminequipes {  background-color:#efdceb;  }
.cybralboxadminequipes h2 {  background-color:#CA89BE;  border-bottom:solid #885C80 1px;  }

.cybralboxsuiviequipes  {  background-color:#FFCE91; }
.cybralboxsuiviequipes h2 {  background-color:#F19943;  border-bottom:solid #A74E05 1px;  }

.cybralsepar { padding:5px; margin-bottom:10px;  border-bottom:dotted black 1px; }

.cybralboxficheid {  background-color:#B6C9FF;  }
.cybralboxficheid h2 {  background-color:#7F8FE0;  border-bottom:solid #5B66A0 1px;  }

a.cybrallink {  display:block; text-decoration:none; font-size:16px; color:black;}
a.cybrallink:hover,a.biglink:visited { text-decoration:none;  }
a.cybrallink:hover { border-left:solid red 10px; background-color:white; text-decoration:none; color:red;  }

.etapebox { background-color:#fff; padding:10px; font-weight:bold; border-bottom:solid black 1px; }
.ssetapebox { background-color:#E8E8E8; padding:10px; font-weight:bold; border-bottom:dotted black 1px; }
.reponsebox0 { background-color:#FFB4B4; }
.reponsebox1 { background-color:#C9FFB6; }


.questionnom { background-color:white; font-size:16px; }
.questiondescription { padding:15px; margin-bottom:10px;background-color:white; font-size:13px; }
.questiondescription h2 { font-size:16px; }
.questionweblink { background-color:white; font-size:16px; }
.questionweblinktext { background-color:white; font-size:16px; }
.questionindice { background-color:white; font-size:16px; }


div.sortme { padding:4px 4px; color:#000;  margin:2px 0; border-bottom:1px solid #dc9656; }

div.sortme  .handlers { cursor:move; }

/*.editablearea	{ height:12px; } */


.editablearea:hover	{ background:red; }
.textarea textarea{ height:200px; padding:3px; }
.editablearea-empty	{ }
.cybraleditablebox		{ border:1px solid #ccc; height:14px;padding:2px; display:block; width:95%; }



.cybralcreaccountbox { border:solid #B0D6EE 1px;padding:5px; margin:5px; background-color:#DDDFE9; }


/* ############ CREATE ACCOUNT //// LOGIN FORM ###################*/
/* ############ CREATE ACCOUNT //// LOGIN FORM ###################*/
/* ############ CREATE ACCOUNT //// LOGIN FORM ###################*/
/* ############ CREATE ACCOUNT //// LOGIN FORM ###################*/

.cybrallogin, .cybralpass  { font-size:16px; }

label.cybrallogin  { color:#98B910; font-weight:bold; padding:3px; }
label.cybralpass { color:#1877BB; font-weight:bold; padding:3px; }

input.cybrallogin { border:0; background-color:#98B910; padding:3px; }
input.cybralpass { border:0;  background-color:#1877BB; padding:3px; color:white; }

.cybralcreateaccountbutton { background-color:#FF4777; padding:10px; margin:10px; font-size:16px; color:white; font-weight:bold; }






/* ########################### AGENDA RELATED ################## */
/* ########################### AGENDA RELATED ################## */
/* ########################### AGENDA RELATED ################## */

div.agenda {  margin-bottom:10px; background-color:#def0fe;padding:5px;margin:5px 5px 10px 5px;border:solid #9ddff9 1px; -moz-border-radius:7px;}
div.agenda .date { color:#E1294C; font-weight:bold; }

div.actu { margin-bottom:10px; background-color:#fff;padding:5px;margin:5px 5px 10px 5px;border:solid #D0D2DC 1px; -moz-border-radius:7px; }
div.actu .date { color:#0040C8; font-weight:bold; }

a.agendatitre { color:black; text-decoration:none;}
a.agendatitre:hover { color:#E1294C; }

a.actutitre { color:black; text-decoration:none;}
a.actutitre:hover { color:#0040C8; }

.photobox { float:right; margin:5px 0px 5px 10px; padding:10px;width:220px; background:white;  }
.photobox .photo { margin-bottom:5px; text-align:center; }

.headerfiche { background-color:#DBDDE7; padding:10px; }

.minidescription { border-left:solid #DBDDE7 10px; padding:10px; margin-bottom:10px; }

a.archiveslink {  color:#2974E1; padding-left:20px;}
a.archiveslink:hover {  color:#000; }





.ajax-loading {	padding: 66px 0;	background: url('./images/ajax-loader.gif') no-repeat center;  }
.ajax-loading2 {	height:100px; 	background: url('./images/ajax-loader2.gif') no-repeat center;  }



/* ################################### FORMULAIRES ####################################### */
/* ################################### FORMULAIRES ####################################### */
/* ################################### FORMULAIRES ####################################### */

form {  margin: 0;  padding: 0;  }

.inputstyle { border: 1px solid black;background-color:#C3E3EE}
.inputstyle2 { border: 1px solid black;background-color:#FFF}
.inpstyl01 { border: 1px solid black;COLOR: blue; font-weight:bold}

.inputstyle3 { margin-left: auto; margin-right: auto;  width:160px; padding:3px;margin:3px; background-color:#EC2B20; color:white; font-weight:bold; text-align:center; }

.inputstylebig { font-size:18px;font-weight:bold;border: 1px solid black;background-color:#FFECD9; }

.smallselect { font-size:11px; }







#pagination_bottom { padding:5px; background-color:#387CA2; font-weight:bold; }
#pagination_bottom ul {  list-style: none ; padding:0px; margin:0px; }

#pagination_bottom li  { 				display: inline;     }
#pagination_bottom li.currentpage  { 	padding: 4px 8px 4px 8px;  background-color:white; color:red;     }
#pagination_bottom li.noliens { 		font-style: italic; color:#489FD0; }
#pagination_bottom li a { 				text-decoration:none; color:#fff; padding: 4px 8px 4px 8px; text-align: center; cursor: pointer; }
#pagination_bottom li a:hover { 		background-color: #4CA8DB; }
#pagination_bottom li a.liens:hover {   background-color: #408DB8;   }









/* ####################################### */
/* MENU */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { background-color:#5D76FD; height:30px; position:relative; z-index:100; border-bottom:solid white 3px;  }

.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:170px;}

.menu li {float:left;position:relative;}

.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; padding-right:30px;height:30px; border-right:1px dotted #fff;   padding-left:10px; line-height:29px; font-weight:bold;}



* html .menu a, * html .menu a:visited {float:left; }

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#D3DDFD url('./images/arrowmenu.gif') no-repeat right center;}

.menu ul ul a.drop:hover{background:#485BC2 url('./images/arrowmenu.gif') no-repeat right center;}
.menu ul ul :hover > a.drop {background:#485BC2 url('./images/arrowmenu.gif') no-repeat right center;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#D3DDFD;}
.menu ul ul ul a:hover {background:#485BC2;}

.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:170px;}

* html .menu ul ul {top:29px;t\op:30px;}

.menu ul ul ul{left:190px; top:-1px; width:170px;}
.menu ul ul ul.left {left:-170px;}

.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

.menu ul ul a, .menu ul ul a:visited {background:#C4D2FD; color:#000; height:auto; line-height:1em; padding:5px 10px; width:170px;}

* html .menu ul ul a, * html .menu ul ul a:visited {width:170px;w\idth:169px;}


.menu a:hover, .menu ul ul a:hover{color:#fff; background:#485BC2;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#485BC2;}


.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{ visibility:visible;}



.menu a.selmenu { background-color:#D2D9FE; color:#5D76FD; }













/* ########################### ADMIN CREA STYLES ################## */
/* ########################### ADMIN CREA STYLES ################## */
/* ########################### ADMIN CREA STYLES ################## */


.addphotoadmbox { background-color:#BFC1DD; padding:10px; border:solid #4859C1 1px; margin:10px; }
.addphotoadmbox h3  { color:#602A5E; }




.arborescenceadmin ul { padding: 10px; }
.arborescenceadmin ul li { padding:5px; }



#sortable-list2				{ padding:0; }
div.sortme2 		 			{ padding:4px 4px; color:#000; cursor:move;  margin:2px 0; border-bottom:1px solid #dc9656; }
#message-box				{  }




.sortablemoving { background-color:#FFEC88; border-left:solid #C79322 20px;}

.appartenancebox { background-color:#B1ED93; padding:10px; }
.appartenancelistbox { background-color:#8BE165; padding:10px; }

.menubaradmincrea { font-size:13px;background-color:#C4FDEC;margin-bottom:5px;padding:3px; border-bottom:solid black 1px; }
div.menubaradmincrea a { color:#1D8877; font-weight:bold; text-decoration:none; }
div.menubaradmincrea a:hover, div.menubaradmincrea a:active { color:#EB808A;  }

div.menubaradmincrea a.selected { color:red;  }

.systemmsg { background-color:#CA0000; color:white; font-size:16px; padding:10px; }
.systemmsg a {  color:#FFEC88; }


.navibarstyle { padding:5px;background-color:#FFEDE1;font-weight:bold;font-size:11px; }

.tableadm { border-collapse:collapse; background-color:#FBE0DE; width:100% }
.tableadm TD {  }
.tableadmheader { background-color:#fafafa; }
.tableadmactions { background-color:#fff; font-size:9px; }

.admcreabox { background-color:#FFF0C3;margin:10px;border:solid black 1px; }
.admcreamodifbox { font-size:20px;background-color:#FC9F43;padding:5px;  }
.admcreaaddbox  { font-size:20px;background-color:#CEDB86;padding:5px;  }