/***** Sub menu *****/

ul.avmenu {
width:180px;
margin:0 0 18px;
padding:0;
list-style:none;
font-size:78%;
font-family:Verdana, Georgia, serif;
font-weight:400;
text-transform:uppercase;
}

ul.avmenu li {
width:180px;
padding:0;
line-height:1.4em;
display:inline;
}

ul.avmenu li a {
background-color:#f7f7f7/*#dddddd*/;
color:#000000;
width:170px;
float:left;
margin-bottom:5px;
padding:5px 1px 5px 5px;
border-left:4px solid /*cfleche*/#e20040;
text-decoration:none;
}

ul.avmenu li a:hover,ul.avmenu li a.current {
background-color:/*bgimage*/#5fb336;
border-left:4px solid /*cfleche*/#e20040;
color:#ffffff;
}


ul.avmenu ul {
margin:0 0 0 10px;
padding:0 0 5px 0;
font-size:0.8em;
width:170px;
text-transform:capitalize;
}

ul.avmenu ul a {
padding:3px 1px 3px 5px;
width:160px;
}

ul.avmenu ul ul {
width:153px;
}

ul.avmenu ul ul a {
width:140px;
}


/*
Original design: The Grid (v2.1 - January 18th, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/the-grid-v2/
*/

*{margin:0; padding:0;} 

/* General styles */
body {background:#fff url(images/background.png) top center no-repeat; color:#303030; font:84% Verdana,Helvetica,Tahoma,sans-serif; line-height:1.4em;}
a {color:#000000; text-decoration:none; font-weight:700;}
a:hover {text-decoration:underline;}
p,ul,ol,dl {margin:0 0 20px 0;}
h1 {color:#888; font-size:3.6em; margin-bottom:5px;}
h1 a {text-transform:none; font-weight:400;}
h1 a:hover {text-decoration:none; color:#303030;}
h2 {font-size:2.2em; color:#333; margin:0 0 10px; border-bottom:2px solid #eee;}
h3 {font-size:1.6em; margin:0 0 10px 0; border-bottom:2px solid #eee;}
h1,h2,h3 {color:#555; font-weight:800; line-height:1.1em; font-family:Verdana,Georgia, serif; 
/*text-shadow:#ddd 1px 1px 3px;*/
text-transform:uppercase; }


#maincontent h2 {text-transform:none;}
#maincontent h3 {border-bottom:0px solid #eee}
#maincontent h4 {font-size:1em; margin:0 0 10px 0;}
#maincontent h4 {color:#555; font-weight:800; line-height:1.1em; font-family:Verdana,Georgia, serif; text-shadow:#ddd 1px 1px 3px;text-transform:uppercase; }

#maincontent .ui-widget-content a { color: #000000; }
#maincontent .csc-default ul{padding-left:15px;}
#maincontent .csc-default ul li{margin-left:15px; list-style-type:square;}

#maincontent .csc-default ol{padding-left:15px;}
#maincontent .csc-default ol li{margin-left:15px;}

#maincontent .jpfaqCategory {visibility: hidden;}
#maincontent ul.listCategory0 {padding-left:0px;}
#maincontent ul.listCategory0 li{margin-left:0px; list-style-type:none;}

#rightcontent .ui-widget {font-family:Verdana, Georgia, serif;}
#rightcontent .ui-widget-content a { color: #000000; text-align: left;}
#rightcontent .csc-default ul{padding-left:0px; margin: 0;}
#rightcontent .csc-default li{margin-left:0px; list-style-type:square; font-size:0.8em;}


/* Main layout container */
/*#layout {margin:20px auto 0; width:960px;}
*/
body.wider #layout {margin:20px auto 0; width:1200px;}

/* Footer */
#footer .col {width:1200px; color:#888; font-size:0.9em; border-top:2px solid #eee; padding:10px 0;}
#footer .mycol {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
#footer .mycol img {max-width:100%;}
#footer a {color:#888; font-weight:400; text-decoration:none; border-bottom:1px dotted #888;}
#footer a:hover {color:#555; text-decoration:none; border-bottom:1px dotted #303030;}
#footer #copyright {text-align:right;}


/* Grid classes, fixed width, 960px with 12 columns */
/*
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:0 auto; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}
*/

/** PAR MOI */
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {margin:0 auto; overflow:hidden;}
.row .row {margin:0 -10px; width:auto;  display:inline-block;}

/* Grid classes, fixed width, 1200px with 12 columns - add class="wider" to the <body> element to use this */
body.wider {background:#fff url(images/background-1200.png) top center no-repeat;}
body.wider .row {width:1200px;}
body.wider .c1 {width:80px;}
body.wider .c2 {width:180px;}
body.wider .c3 {width:280px;}
body.wider .c4 {width:380px;}
body.wider .c5 {width:480px;}
body.wider .c6 {width:580px;}
body.wider .c7 {width:680px;}
body.wider .c8 {width:780px;}
body.wider .c9 {width:880px;}
body.wider .c10 {width:980px;}
body.wider .c11 {width:1080px;}
body.wider .c12 {width:1180px;}

/* Menu list styles */
ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;}
ul.menu li {list-style:none; font-size:1em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #eee;}
ul.menu li a {font-size:1.4em; font-family:Verdana, Georgia, serif; font-weight:900; text-transform:uppercase;}
ul.menu li a:hover {color:#303030; text-decoration:none; border-bottom:1px dotted #303030;}
ul.menu li a.current {color:/*cfleche*/#e20040; text-decoration:none; border-bottom:1px dotted /*cfleche*/#e20040;}

/* Additional text classes */
.slogan {color:#555;}
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.red {color:#bc4c4c;}
.blue {color:#2a5a9a;}
.green {color:#4aaa7a;}
.cfleche {color:#e20040;}
.cfondbandeau {color:#5fb336;}
.bonbleu {color:#365FB3;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
/* Pour le RTE */
p.italique {font-style:italic;}
p.gras {font-weight:bold;}
p.souligne {text-decoration:underline;}

/*.p12 .p14 .p16 .p18 .p20 {line-height:normal;}*/
.p12 {font-size:12px; line-height:normal; font-family:Verdana,Helvetica,Tahoma,sans-serif;}
.p14 {font-size:14px; line-height:normal; font-family:Verdana,Helvetica,Tahoma,sans-serif;}
.p16 {font-size:16px; line-height:normal; font-family:Verdana,Helvetica,Tahoma,sans-serif;}
.p18 {font-size:18px; line-height:normal; font-family:Verdana,Helvetica,Tahoma,sans-serif;}
.p20 {font-size:20px; line-height:normal; font-family:Verdana,Helvetica,Tahoma,sans-serif;}