/* TAG */
body {margin: 15px;background-color:#CAD353;}
body, a, table, tr, td {font-family: Arial, Helvetica, sans-serif; font-size:12pt; color: #666}
select, textarea {font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
table {margin:0px; padding:0px; border:0px}
table tr, td {margin:0; padding:2px}
input {border: solid 1px #666; color: #666; background-color: #FFF; font-size:11px}
a img {border:0}
img {border:0px; margin:0px; padding:0px}
form { margin:0px; padding:0px}
/* h1,h2,h3,h4{ margin:0px; padding:0px; height:1em; font-size:0.01em} */
ul.niv1{  margin:5px 0px 0px 10px; padding:5px 0px 0px 10px; list-style-image:url(../image/menu/ul.gif)}
ul li.niv2{ margin:0px 0px 0px -20px; padding:0px 0px 0px 0px; list-style-image:url(../image/menu/li.gif)}

p {margin:0px 0px 10px 0px; padding:0px 0px 0px 0px}

a {color: #9E2F37; text-decoration: none}
a:hover{color: #9E2F37; text-decoration: underline}

/* PAGE */

/* #global {margin-left:auto; margin-right:auto; width:1000px; text-align:left} */

#fondBando { background-image:url(../image/bando/bando.jpg); height:173px}
#fondDroit { background-image:url(../image/bando/droit.gif); background-repeat:repeat-y}
#fondGauche { background-image:url(../image/bando/gauche.gif); background-repeat:repeat-y}
#fondBottom { background-image:url(../image/bando/bottom.gif); background-repeat:no-repeat; padding-top:10px; padding-bottom:10px; color:#FFF; text-align:center}
#fondBottom a {color: #FFF; text-decoration: none}
#fondBottom a:hover{color: #FFF; text-decoration: underline}

#accesRapide {float:left; position:absolute}
#outils { float:right; color:#FFF; padding-right:58px; padding-top:20px}
#outils a { color:#FFF; text-decoration:none}
#outils a:hover { color:#FFF; text-decoration:underline}

#recherche { margin-top:113px; clear:both; float:right; padding-right:70px; color:#FFF; vertical-align:middle; font-size:11px;}
#recherche a {color:#A5BDC7; text-decoration:none}
#recherche a:hover {color:#A5BDC7; text-decoration:underline}

#recherche2 { margin:0px 0px 0px 0px}
.ml20 {margin-left:20px}
.ml30 {margin-left:30px}
.mb10 { margin-bottom:10px}
.pl40 { padding-left:40px}
.pl80 { padding-left:80px}
.pl120 { padding-left:120px}
.plr10 {padding:0px 10px 0px 10px}
.ml120 { margin-left:120px}
.p10 { padding:10px}
.pb10 { padding-bottom:10px}
.pt10 { padding-top:10px}
.pt20 { padding-top:20px}
.mb50 { margin-bottom:50px}
.indent { margin-left:10px; text-indent:-10px}

#ColPage { width:1000px}
#Col1 { width:224px; background-image:url(../image/portlet/fondcol1.jpg); background-position:bottom; background-repeat:no-repeat}
#Col2 { width:441px; padding-top:8px}
#Col3 { width:252px; background-image:url(../image/portlet/event1.jpg); background-position:bottom; background-repeat:no-repeat}
#Col3page { width:252px}
#Col2-3_g02 { width:673px; padding-top:8px; padding-right:20px; padding-bottom:45px}
#Col1-2-3 {width:877px; padding-right:20px; margin-right:20px; padding-top:8px; background-image:url(../images/portlet/fondcol1.jpg); background-position:bottom left; background-repeat:no-repeat}

.chemin {color: #666; font-size:10px; padding-bottom:20px}
a.chemin {color: #40829E; font-size:10px; text-decoration: none; padding-bottom:20px}
a.chemin:hover {color: #666; font-size:10px; text-decoration: underline; padding-bottom:20px}

.retour { margin-right:80px}
.ami{ margin-right:80px}
.imprimer { margin-right:80px}

.fleft { float:left}
.fright { float:right}
.clear { clear:both}
.center { text-align:center}
.right { text-align:right}
.none {display:none}
.block {display:block}

/* PORTLET */
.event { background-image:url(../image/portlet/evenement.gif); background-repeat:no-repeat; background-position:bottom right}
.event2 {background-image:url(../image/portlet/event2.jpg); background-position:bottom; background-repeat:no-repeat; height:112px}

.eventTitle { background-color:#FFF; padding-top:8px; margin-bottom:15px}
.portlet001 { background-image:url(../image/portlet/001.gif); background-position:bottom; background-repeat:no-repeat}
.portlet002 {background-image:url(../image/portlet/002.gif); background-repeat:no-repeat; height:205px}
.portlet002b {background-image:url(../image/portlet/002b.gif); background-repeat:no-repeat; height:205px}
.portlet003 {background-image:url(../image/portlet/003.gif); background-repeat:no-repeat; height:187px}

#but {}
#but a {color:#40829E; text-decoration:underline; font-size:10px}
#but a:hover {color:#40829E; text-decoration:underline; font-size:10px}

/* ITEM DE PORTLET */
.item001 {width:200px; margin-left:43px; padding-bottom:20px}
.item002 {margin-left:10px}
.item003 {width:220px}
.item004 {width:140px}
.item005 {margin:0px 30px 0px 30px}
.item006 {margin:30px 0px 0px 50px; width:160px}
.item007 {margin:55px 0px 0px 30px; width:160px}
.itemForm01 {margin:50px 0px 0px 50px; width:250px}

.itemPSL1 {margin:50px 0px 0px 120px}
.itemPS01 {margin:0px 20px 20px 0px; width:200px; height:340px; overflow:auto}
.itemPS02 {margin:0px 20px 20px 50px; width:170px; height:300px; overflow:auto}
.itemPS03 {margin:40px 0px 20px 50px; width:170px; height:265px; overflow:auto}

.itemPSL2 {margin:60px 0px 0px 120px}
.itemPS04 {margin:0px 20px 20px 10px; width:230px; height:420px; overflow:auto}
.itemPS05 {margin:5px 20px 20px 30px; width:210px; height:370px; overflow:auto}
.itemPS06 {margin:5px 0px 20px 20px; width:170px; height:220px; overflow:auto}

.StitrePbleu { color:#40829E; font-size:11px }
.StitreProuge { color:#9E2F37; font-size:11px }
.texteP { color:#666; font-size:10px}
.texteRouge { color:#9E2F37; font-size:10px}
.texteError { color:#9E2F37; font-size:15px; font-weight:bold}

/* CONTENUS */
.Content { background-color:#FFF}
.ContentPage { background-color:#FFF; background-image:url(../image/content/event.jpg); background-repeat:no-repeat; background-position:bottom right}
.ContentPagePS { background-color:#FFF; background-image:url(../image/content/eventps.jpg); background-repeat:no-repeat; background-position:bottom right}
.ContentL1 {background-image:url(../image/content/pageh.gif); background-position:top left; background-repeat:no-repeat; padding-left:10px; padding-top:10px; padding-right:10px}
.ContentLN {padding-left:10px; padding-top:10px; padding-right:10px;}
.ContentLM {padding-right:10px; padding-bottom:10px}
.ContentL2 {background-image:url(../image/content/pageb.gif); background-position:bottom right; background-repeat:no-repeat; padding-right:10px; padding-bottom:10px}
.justify { text-align:justify}

.bloc01 { background-image:url(../image/content/bloc01.gif); background-repeat:no-repeat; width:320px; height:179px; background-position:top}
.bloc02 { background-image:url(../image/content/bloc02.gif); background-repeat:no-repeat; width:320px; height:340px; background-position:top}
.bloc03 { background-image:url(../image/content/bloc03.gif); background-repeat:no-repeat; width:320px; height:488px; background-position:top}
.blocForm01{ background-image:url(../image/portlet/form01.gif); background-repeat:no-repeat; background-position:bottom left; height:378px; width:355px}
.blocForm02{ background-image:url(../image/portlet/form02.gif); background-repeat:no-repeat; background-position:top left; height:500px; width:355px}
.blocPS{ background-image:url(../image/content/blocps.gif); background-repeat:no-repeat; background-position:right; height:926px; width:900px}

.itembloc { margin:30px 0px 40px 30px; width:270px; height:120px}
.itemblocColor { width:310px; padding-top:15px; margin-bottom:25px; height:120px}

.fond01 { background-image:url(../image/content/fond01.gif); background-repeat:repeat-x; height:200px}
.fondBleu { background-image:url(../image/content/fondbleu.gif); background-repeat:repeat-x; padding:10px 10px 10px 10px}
.fondBleuContact { background-image:url(../image/content/fondbleucontact.gif); background-repeat:repeat-x; height:304px; padding:10px 20px 170px 20px}
.fondBleuSwitch { background-image:url(../image/content/fondbleucontact.gif); background-repeat:repeat-x; padding:10px 10px 20px 10px}
.fondBleuLigne { background-image:url(../image/content/fondbleu.gif); background-repeat:repeat-x; padding:10px 10px 0px 10px}
.fondBlanc { padding:10px 10px 10px 10px}

a.lienTBleu { color:#40829E; font-size:11px; text-decoration:none }
a.lienTBleu:hover { color:#40829E; font-size:11px; text-decoration:underline  }

.SRTBleu { color:#FFF; font-size:11px; text-decoration:none; background-color:#40829E}

a.lienTRouge { color:#9E2F37; font-size:11px; text-decoration:none }
a.lienTRouge:hover { color:#9E2F37; font-size:11px; text-decoration:underline  }

a.lienSavoir { color:#40829E; font-size:10px; text-decoration:none }
a.lienSavoir:hover { color:#40829E; font-size:10px; text-decoration:underline }

.roundcont {width: 100%; background-color:#F7F6F2;color: #666}
.roundcont p {margin: 0 10px}
.roundtop {background: url(../image/content/hd.gif) no-repeat top right}
.roundbottom {background: url(../image/content/bd.gif) no-repeat top right}
img.corner {width: 5px; height: 5px; border: none; display: block !important}

.roundcontbleu {width: 100%; background-color:#E4EBEE;color: #666}
.roundcontbleu p {margin: 0 10px}
.roundtopbleu {background: url(../image/content/hdbleu.gif) no-repeat top right}
.roundbottombleu {background: url(../image/content/bdbleu.gif) no-repeat top right}
img.cornerbleu {width: 5px; height: 5px; border: none; display: block !important}

/* MENU */
#Menu {}
#Menu a {color: #FFF; font-size:11px; text-decoration: none; }
#Menu a:hover {color: #FFF; font-size:11px; text-decoration: none; }
.itemRub { padding-top:30px; width:100px }
.rubOff { color:#FFF; font-size:11px; background-image:url(../image/menu/fond_off.gif); background-position:bottom right; background-repeat:no-repeat; height:91px}
.rubOn { color:#FFF; font-size:11px; background-image:url(../image/menu/fond_on.gif); background-position:bottom right; background-repeat:no-repeat; height:91px; }
.rubOffEnd { color:#FFF; font-size:11px; background-color:#A5BDC7; height:91px}
.rubOnEnd { color:#FFF; font-size:11px; background-color:#40829E; height:91px}
.rub {background-color:#A5BDC7; height:91px}
.posLogo { margin-top:5px; margin-left:30px}

.titreModule { color:#FFF; font-size:14px;}

.lienSMenuOff {color:#40829E; text-decoration:none; background-color:#C9D7DD; border-bottom:1px solid #FFF; background-image:url(../image/menu/puce_off.gif); background-position:top left; background-repeat:no-repeat; width:140px; padding:3px 0px 3px 16px}
.lienSMenuOn {color:#FFF; text-decoration:none; background-color:#40829E; border-bottom:1px solid #FFF; background-image:url(../image/menu/puce_on.gif); background-position:top left; background-repeat:no-repeat; width:140px; padding:3px 0px 3px 16px}

.lienSSMenuOff {color:#40829E; text-decoration:none; background-color:#F2F5F7; border-bottom:1px solid #FFF; background-image:url(../image/menu/puces_off.gif); background-position:top left; background-repeat:no-repeat; width:124px; padding:3px 0px 3px 32px}
.lienSSMenuOn {color:#FFF; text-decoration:none; background-color:#40829E; border-bottom:1px solid #FFF; background-image:url(../image/menu/puces_on.gif); background-position:top left; background-repeat:no-repeat; width:124px; padding:3px 0px 3px 32px}

.shadow { background-image:url(../image/menu/shadow.gif); background-position:bottom; background-repeat:repeat-x}
.shadow2 { background-image:url(../image/menu/shadow2.gif); background-position:bottom; background-repeat:repeat-x}

/* GENERIC */
.Titre {color: #9E2F37; font-size:12px; padding-bottom:10px}
.TitreBleu {color: #9E2F37; font-size:12px; padding-bottom:10px}
.STitre {color: #666; font-size:11px; font-weight:bold; padding-bottom:10px}
.STitre2 {color: #666; font-size:11px; font-weight:bold}
.STitreBleu {color: #40829E; font-size:11px; font-weight:bold; padding-bottom:10px}
a.lienBleu {color: #40829E; text-decoration: none; }
a.lienBleu:hover {color: #40829E; text-decoration: underline; }

a.lienGris {color: #666; text-decoration: none; }
a.lienGris:hover {color: #666; text-decoration: underline; }

a.lienBlanc {color: #40829E; text-decoration: none; font-size:11px }
a.lienBlanc:hover {color: #FFF; text-decoration: none; font-size:11px }
a.lienBlancOn {color: #FFF; text-decoration: none; font-size:11px }
a.lienBlancOn:hover {color: #FFF; text-decoration: underline; font-size:11px }
a.lienBleuOn {color: #40829E; text-decoration: none; font-size:11px }
a.lienBleuOn:hover {color: #40829E; text-decoration: underline; font-size:11px }

.Chapo {color: #666; font-size:11px; font-weight:bold}

.cadre {}
.lisereth { background-image:url(../image/picto/lisereth.gif); background-repeat:repeat-x; background-position:center; height:20px; clear:both}

/* TABLEAU */
.tdTop td {vertical-align: top}
.tdBottom td {vertical-align: bottom}
.titreTab td {padding:5px; background-color:#F0F6F9; color:#003366; font-size:11px}
.tabON td {padding:2px 5px 2px 5px; background-color:#F0F6F9; color:#52727B; font-size:10px}
.tabOFF td {padding:2px 5px 2px 5px; color:#52727B; font-size:10px}

/* PAGINATION */
.fondNum { background-image:url(../image/content/fondpag.gif); background-repeat:no-repeat; height:16px; width:25px; text-align:center; color:#A5BDC7; font-size:10px; margin-left:5px; cursor:pointer}
.fondNumOn { background-image:url(../image/content/fondpagon.gif); background-repeat:no-repeat; height:16px; width:25px; text-align:center; color:#FFF; font-size:10px; margin-left:5px}

/* OBLIGATOIRE */
.ChampsObligatoire { color:#FF0000}

/* BOUTON */
.bouton{color:#FFF; font-weight:bold; border:0px; font-size:11px; background-color:#A5BDC7; cursor:pointer; padding:0px 2px 0px 2px; margin:0px 0px 0px 0px}
.buttonBleu {color:#FFF; font-weight:bold; border:0px; font-size:11px; background-color:#A5BDC7; height:25px; cursor:pointer; padding:0px 2px 0px 2px; margin:0px 0px 0px 0px}

/* DEBUG */
.debug {border: 1px solid red}

/* FORMULAIRE */
.c20 { width:20px }
.c30 { width:30px }
.c90 { width:90px }
.c100 { width:100px }
.c150 { width:150px }
.c240 { width:240px }
.c300 { width:300px }
.c350 { width:350px }
.c450 { width:450px }

.formColor { padding:2px; background-color:#EDF2F4}

.vab { vertical-align:bottom }


/*@media print {
.noprt {display:none}
body { background-color:#FFFFFF; background-image:url(../image/picto/shim.gif) }
}*/