/*
Theme name: EIA
Theme URI: http://www.labubulle.com/
Description: EIA custom theme
Version: 1.0
Author: Labubulle
Author URI: http://www.labubulle.com/

Creation Theme by Labubulle || http://www.labubulle.com
*/

* { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; font-size:12px; color:#4d4d4f}
.clearer { clear:both}
body { background-color:#e6e7e8}
a img { border:0}

.login {background-color:#498ab3; color:#fff; padding:5px; text-align:center}
.login b, .login a {color:#fff; font-size:11px}
.login a { font-weight:bold; background-color:#fff; color:#498ab3; padding:1px 5px; text-decoration:none}
.login a:hover { text-decoration:underline}

.content { background:#FFFFFF url(img/bg-content.gif) repeat-x; width:1180px; padding:20px; margin:20px auto 0 auto; border:2px solid white}
h2 { color:#FFFFFF; font-size:16px; font-weight:bold}
h3, h3 a { font-size:14px; font-weight:bold; text-decoration:none}
a.bt-gris { font-size:14px; font-weight:bold; text-decoration:none; border:solid 1px #bebebe; background-image:url(img/bg-btGris.gif); padding:3px 5px; display:inline-block}
a.bt-gris:hover { text-decoration:underline}
table td { padding-right:5px; vertical-align:top}
table td img { border:solid 1px #666666}


/***header***/
.header { margin-bottom:20px; height:100px}

/* logo */
.header a { background-image:url(img/logo.gif); width:220px; height:111px; display:block; margin-right:20px; position:relative; top:-10px; text-indent:-9000px; float:left}

/* image */
.imgHeader { float:left; margin-right:20px}

/* bloc search */
.search { background-image:url(img/bg-search.jpg); width:210px; height:99px; display:block; float:left; padding-left:10px}
.search h2 { padding:20px 0 10px 0}
.inputText { width:157px; height:18px; border:solid 1px #9a9a9a; float:left; font-family:Georgia; font-style:italic; font-size:12px; background-image:url(img/bg-enterSearch.jpg); padding:5px 0 0 5px}






/***menu***/
.menu { position:relative; width:200px; float:left; margin-right:40px} 
.menu a { text-decoration:none; font-weight:bold; cursor:pointer!important}
.menu a:hover { text-decoration:underline}

/* Mise en page des catégories */
.menu span.formes { background-image:url(img/formesMenu.png); height:100%; display:block; width:73px; position:absolute; top:0; right:-20px}
.menu li { list-style-type:none; width:179px; background-color:#b2cddf }
.menu ul li { padding:8px 20px; margin-bottom:4px; background: no-repeat url(img/puce-cat.png) 6px 11px #b2cddf; }
.menu ul li.padpuce { background-image:none; list-style-position:inside}
.menu ul li.padpuce.catActive { background-image:url(img/nopuce-cat.gif); }

/* Mise en page des Pages */
.menu ul ul.firstCat { padding-top:5px; display:none}
.menu ul ul li { background:url(img/puce-page.gif) no-repeat 19px 6px; list-style-image:none; padding:0 0 0 30px; width:auto}
.menu ul ul li a { position:relative; left:-5px}

/* Mise en page des sous cats */
ul.sousCats { padding-top:5px; display:none; position:relative; left:-10px}

/* Les classes "actives" */
.menu ul li.catOpen { padding:8px 20px; margin-bottom:4px; background: no-repeat url(img/puce-cat-open.png) 6px 11px #b2cddf; list-style-type:none}
.menu ul li.catOpen ul li {list-style-image:none}

.menu ul li ul li.catOpen { padding:0 0 0 30px; margin-bottom:4px; background:url(img/puce-page.gif) no-repeat 19px 6px; list-style-type:none}
.menu ul li ul li.catOpen ul li {list-style-image:none}


.menu ul li.catActive { background-color:#498ab3; background-image:url(img/puce-cat-act.png)}
.menu ul li.catActive ul { display:block}
.menu ul li.catActive ul li {  background:url(img/puce-page-act.gif) #498ab3 no-repeat 19px 6px; list-style-image:none; padding:0 0 0 30px; width:auto}
.menu ul li.catActive a { color:#FFFFFF}
.menu ul li.catActive a.pageActive { border-bottom:dotted 1px #fff}
.menu ul li.catActive a.pageActive:hover { text-decoration:none}

.menu ul li.catMembers { background: no-repeat url(img/puce-cat-white.png) 6px 11px #7fadc9;}
.menu ul li.catMembers ul li {  background:url(img/puce-page-act.gif) #7fadc9 no-repeat 19px 6px; list-style-image:none; padding:0 0 0 30px; width:auto}
.menu ul li.catMembers a {color:#fff}
.menu ul li.catActive.catMembers {background-color:#498ab3}


/***colonnes centrales***/
a.readMore { font-weight:bold; text-decoration:none; margin:0 0 10px 10px; display:inline-block}
a.readMore:before { content:">"; border:1px solid #fff}
p a.readMore { margin:0; display:inline}

/**colonne centrale gauche**/
.centreG { float:left; margin-right:20px}

/* image slide */
.centreG ul li { list-style-type:none; margin-bottom:20px}

/* bloc partners */
.partners { border:solid 1px #d1d3d4; width:458px; margin-bottom:20px}
.partners h2 { background-image:url(img/bg-partners.gif); padding:5px 8px}
.partners ul li { width:200px; margin:6px 13px 6px 6px; float:left; padding-right:10px}
.partners ul li img { float:left; margin-right:10px}
.partners a.readMore { border-bottom:1px solid #4c8cb4; color:#4c8cb4}
.partners p { text-align:justify; padding:10px 10px 0 10px}


/**colonne centrale droite**/
.centreD { float:left; margin:0 20px 20px 0}

/* bloc newsletter */
.newsletter { border:solid 1px #e4e8d1; width:218px; margin-bottom:10px; background-color:#fff}
.newsletter h2 { background-image:url(img/bg-newsletter.gif); padding:5px 6px; word-spacing:-2px}
.newsletter p { margin:10px}
.newsletter form { margin:10px}

/* form newsletter */
.newsletter input[type=text] { width:120px; height:16px; border:solid 1px #9a9a9a; float:left; font-family:Georgia; font-style:italic; font-size:11px; background-image:url(img/bg-enterSearch.jpg); padding:5px 0 0 5px}
.newsletter input[type=submit] { padding:3px; font-size:14px; font-weight:bold; position:relative; left:24px}
.newsletter td {vertical-align:middle}

/* bloc member */
.member { border:solid 1px #a9c8db; width:218px; padding-bottom:10px; margin-bottom:10px; line-height:15px; background-color:#fff; }
.member h2 { background-image:url(img/bg-member.gif); padding:5px 8px}
.member p { text-align:justify; padding:10px 10px 0 10px}
.member a.readMore { color:#4c8cb4; border-bottom:1px solid #4c8cb4}
.member a.bt-gris { margin-left:10px}

/* bloc google maps */
.googleMaps img { border:solid 1px #e9ad9a}


/**colonne centrale milieu**/
.centrale { border:solid 1px #a9c8db; width:698px; margin:0 20px 20px 0; float:left; background-color:#fff}
.centrale h2 { background-image:url(img/bg-aboutEIA.gif); padding:5px 8px}
.centrale p { margin:20px; border-bottom:dotted 1px #bbbbbb; padding-bottom:10px; text-align:justify}
.centrale ul { margin-left:30px}
.centrale ul li { list-style-type:none; margin-bottom:20px}
.centrale ul li h3 a { color:#4c8cb4}
.centrale ul li p { margin:5px 30px 0 0}
.centrale a.readMore { color:#4c8cb4; border-bottom:1px solid #4c8cb4}
.centrale ul.categoryListPosts li { border-bottom: 1px dotted #ccc; margin-right:30px}
.centrale ul.categoryListPosts li p { border-bottom:0; padding-bottom:0; margin-bottom:0}
.centrale ul.categoryListPosts li p a.readMore {padding:0; margin:0}


/**colonne news**/
.news { border:solid 1px #e4e8d1; width:218px; padding-bottom:30px; margin-bottom:10px; float:left; background-color:#fff}
.news h2 { background-image:url(img/bg-news.gif); padding:5px 8px; position:relative}
.news h3 a { color:#7c9f32; font-size:13px}
.news ul li { list-style-type:none; margin:10px}
.news a.readMore { color:#7c9f32; border-bottom:1px solid #9ea528; margin:5px 0 0 0}
a.archives.readMore { color:#7c9f32; font-weight:bold; border-bottom:1px solid #7c9f32; text-decoration:none; float:right; margin:0 10px -2px 0}
a.archives:before { content:">"; border:1px solid #fff}
.colNews { width:218px; margin-bottom:10px; float:left}
.news h2 span { font-size:11px; float:right; font-weight:normal; color:#FFFFFF; position:absolute; top:9px; right:3px;}

/** le plugin de rss (eurfit) **/


/**Les articles**/
.centrale .articles { padding:15px}

.centrale .articles p { border:0; padding:0; margin:0 0 5px 0}
.centrale .articles li { list-style-type:disc; padding:0; margin:0; list-style-position:outside}
.centrale .articles ol { margin:5px 0 0 35px}
.centrale .articles ol li { list-style-type:decimal;  padding:0; margin:0;}
.centrale .articles h3 { padding-bottom:5px}
.centrale .articles p a { color:#4c8cb4; font-weight:bold}
.centrale .articles table a, .centrale .articles ul li a { color:#4c8cb4; font-weight:bold}
.centrale .articles table td { padding:5px}


/** Le form de contact **/
.formcontainer { padding:10px; border:1px solid #ccc }
.contact-form fieldset { border:0; margin-bottom:20px}
.contact-form fieldset legend { font-weight:bold; font-size:12px; margin: 0 0 30px 0; display:inline; border-bottom:1px dotted #ccc; width:100%}

/***Footer***/
.footer { background-color:#d3e3ed; text-align:center; padding:8px 0}

div.labubulle {width:1180px; padding:20px; margin:auto auto 20px auto}
a.labubulle { float:right; }




