/*
Theme Name : Apcars theme
Theme URI : http://www.apcars.org
Description : Theme spécial créé pour l'Apcars
Version : 1.0
Author : Jérémie Gisserot
Author URI : http://www.labubulle.com

Creation Theme by Jérémie Gisserot || http://wwww.labubulle.com
*/

/* couleur: orange:#ff6e13  / vert:#00585b / bleu-vert:#00bac0 */

* { padding:0; margin:0}
body { background-color:#d4d3d2; font-family: 'Trebuchet MS', sans-serif; font-size:12px; color:#00585b}
span.labubulle { position:absolute; bottom:0; right:0; display:block}

/*header*/
#header { background:url(img/header-bg01.jpg); width:1205px; height:283px; margin:40px auto 20px auto; position:relative; z-index:100}

.titreDuSite { position:absolute; text-indent:-9000px}

#extranet { background:url(img/bt-extranet.gif); width:173px; height:22px; display:block; position:absolute; top:-22px; right:22px; text-indent:-9000px;}

/***menu***/
ul.menu { position:absolute; top:240px; left:2px}
ul.menu li { display:inline-block; position:relative; float:left}
ul.menu li a.onglet { display:block; text-indent:-1900px; height:23px; outline:none; overflow:hidden; cursor:pointer}
ul.menu li a.onglet:hover { background-position:0 -24px}
ul.menu li a.onglet.actuel { background-position:0 -48px}
.mAccueil { position:relative; z-index:8}
.mAccueil a.onglet { width:85px; background-image:url(img/header-mAccueil.png)}
.mApropos { position:relative; z-index:7; left:-30px}
.mApropos a.onglet { width:200px; background-image:url(img/header-mApropos.png)}
.mJudiciaire { position:relative; z-index:6; left:-54px}
.mJudiciaire a.onglet { width:162px; background-image:url(img/header-mJudiciaire.png)}
.mSocial { position:relative; z-index:5; left:-77px}
.mSocial a.onglet { width:136px; background-image:url(img/header-mSocial.png)}
.mFormation { position:relative; z-index:4; left:-104px}
.mFormation a.onglet { width:118px; background-image:url(img/header-mFormation.png)}
.mRessources { position:relative; z-index:3; left:-131px}
.mRessources a.onglet { width:140px; background-image:url(img/header-mRessources.png)}
.mRecrutement { position:relative; z-index:2; left:-149px}
.mRecrutement a.onglet { width:141px; background-image:url(img/header-mRecrutement.png)}
.mContacts { position:relative; z-index:1; left:-175px}
.mContacts a.onglet { width:105px; background-image:url(img/header-mContacts.png)}

/***menu d�roulant***/
ul.menu ul { position:absolute; top:23px; left:10px; background:url(img/menuderoulant-bg.gif) #00585b repeat-x; border:solid 2px #fff; line-height:1.8; padding:7px 0; display:none}
ul.menu ul li { display:block; padding:0 7px; clear:both}
ul.menu ul li a { font-size:14px; color:#fff; font-weight:normal; text-decoration:none; position:relative; white-space:nowrap; display:block; padding:0 7px}
ul.menu ul li a:hover { background-color:#fff; color:#00585b}


/*contenu*/
.content { margin:0 auto 20px auto; width:1205px; position:relative; z-index:50;}
div.content:after, .footer:after { display:block; content:"."; clear:both; height:0; visibility:hidden; font-size:0; line-height:0;}
.clearer { clear:both}
p { text-align:justify; margin:0 20px}
a { font-size:12px; font-weight:bold;}
.content a {text-decoration:none; white-space:nowrap font-weight:bold; color:#ff6e13 }
em { text-align:justify; margin:0 20px; color:#00bac0; font-weight:bold}
p em { margin:0;}

/******titres******/
.h2orange { font-weight:normal; background-color:#ff6e13; color:#fff; font-size:20px; padding-top:3px; position:relative; padding-left:8px; padding-bottom:5px; margin-bottom:10px}
.h2vert { font-weight:normal; background-color:#00585b; color:#fff; font-size:20px; padding-top:3px; position:relative; padding-left:8px; padding-bottom:5px; margin-bottom:10px}
.h3orange { color:#ff6e13; font-size:14px; padding:0 20px}
.h3orange a { color:#ff6e13; font-size:14px; text-decoration:none}
.h3vert { color:#00585b; font-size:14px; padding:0 20px}
.h3vert a  { color:#00585b; font-size:14px; text-decoration:none}

/******coin des bandeaux******/
span.coinDblanc { background-image:url(img/coinDblanc.gif); width:7px; height:7px; position:absolute; top:0; right:0}
span.coinGorange { background-image:url(img/coinGorange.gif); width:8px; height:8px; position:absolute; bottom:0!important; bottom:-1px; left:0; background-repeat:no-repeat; background-position:bottom}
span.coinDorange { background-image:url(img/coinDorange.gif); width:8px; height:8px; position:absolute; top:0; right:0!important; right:-1px; background-repeat:no-repeat}
span.coinGvertB { background-image:url(img/coinGvertB.gif); width:8px; height:8px; position:absolute; bottom:0!important; bottom:-1px; left:0; background-repeat:no-repeat; background-position:bottom}
span.coinDvert { background-image:url(img/coinDvert.gif); width:8px; height:8px; position:absolute; top:0; right:0; background-repeat:no-repeat}
span.coinGvertG { background-image:url(img/coinGvertG.gif); width:8px; height:8px; position:absolute; bottom:0; left:0; background-repeat:no-repeat; background-position:bottom}


/***chemin de fer***/
.cheminFer { height:30px; background-color:#fff; position:relative; margin-bottom:15px}
.cheminFer li { display:inline-block}
.cheminFer li a { display:block; background-color:#00585b; height:20px; padding:5px 15px 5px 8px; color:#fff; text-decoration:none; font-size:14px; background-image:url(img/fleche.gif); background-repeat:no-repeat; background-position:100% 0; font-weight:normal}
.cheminFer li a:hover { text-decoration:underline}
.cheminFer li a.actuel { background-color:#ff6e13; background-image:none; padding:5px 8px 5px 8px}

/***colonne index***/
.colGindex { min-height:420px; width:330px; background-color:#fff; margin:0 0 20px 0; float:left; line-height:1.6em}
.colCindex { min-height:420px; width:330px; background-color:#fff; margin:0 0 20px 20px; float:left; line-height:1.6em}
.colDindex { width:505px; margin:0 0 0 20px; float:left; display:block; line-height:1.6em }

.login { position:absolute; bottom:0; right:0; border-top:#d4d3d2 20px solid}

form.connection { margin:20px; position:relative; display:block; height:60px}
form.connection label { font-size:14px; font-weight:bold; width:144px; display:block; float:left; margin-right:15px}
form.connection label input { height:20px; border:solid 1px #00585b; width:144px; margin-right:-15px; background-image:url(img/input-text-bg.jpg)}
.btconnection { background-image:url(img/bt-connection.gif); background-repeat:no-repeat; width:118px; height:22px; text-indent:-1900px; display:block; position:absolute; bottom:20px; right:28px}
form.connection span { position:absolute; top:42px; left:0}

/***colonne gauche***/
.colGauche { /*width:855px;*/ width:847px; background-color:#fff; margin:0 0 20px 0; float:left}
.colGauche .h2orange { width:839px}
.btcontact { background-image:url(img/bt-contact.gif); width:141px; height:29px; text-indent:-900px; display:block; margin:20px}
.aVert { color:#00585b; margin-left:20px}

/*** colonne pleine ***/
.fullCol { width:1205px}
.fullCol .h2orange { width:1197px}

/***colonne droite***/
.colDroite { width:338px; background-color:#fff; margin:0 0 20px 20px; float:left; min-height:480px}
.colDroite .h2vert { width:330px}
span.aOrange{ color:#ff6e13; text-decoration:underline}
span.aOrangeFleche{ color:#ff6e13; text-decoration:underline}

/** widget **/
.widget { margin-bottom:20px; background-color:#FFF; padding-bottom: 20px;}
.widget:after { display:block; content:"."; clear:both; height:0; visibility:hidden; font-size:0; line-height:0;}
.textwidget { margin:0 20px}
.textwidget p, .textwidget em { margin:0;}
.textwidget ul li { margin-left:10px; list-style-position:inside}
#richtext-5 { margin-bottom:1px}

/*** traitement des �l�ments extraits du tinyMCE de wordpress ***/
div.tinyBox {margin-bottom:20px; padding:0 20px}
.colGauche div.tinyBox {width:620px; font-size:1.1em; line-height:1.4em;}
.fullCol div.tinyBox {width:820px; font-size:1.1em; line-height:1.4em;}
div.tinyBox ul { }
div.tinyBox p { margin:0 }
div.tinyBox ul { }
div.tinyBox ul li { list-style-position:inside; margin-left:20px}
div.tinyBox cite {background-color:#F1F1F1; padding:10px; margin:5px; display:block}
div.tinyBox table td { vertical-align: top}
div.tinyBox h4 { display: block; float: left}

/** Les liens **/
ul.links { }
ul.links h2 { font-size:14px; padding-left:20px; margin-bottom:5px; font-style:italic}
ul.links li{ display:block; width:45%; padding-left:20px; float:left; list-style-type:none; }
ul.links li ul li { width:100%; float:none; margin-bottom:20px}

ul.links li a {text-decoration:underline; display:block; font-size:14px}

/*footer*/
.footer { background-color:#00585b; width:1205px; display:block; margin:0 auto 20px auto; padding:5px 0; position:relative; line-height:1.6em}
.footer a { color:#fff}
.footer p { text-align:center; color:#fff}
.footer span.coinDvert  { position:absolute; top:0; right:0!important; right:-1px}

/*Petit malin qui lit le code jusqu'au bout !*/
span.labubulle a { text-indent-9000px; visibility:hidden}