/*--------------------------------------------------------------------

[Master Stylesheet]

Framework : BIC
Version : 2.7.1
Last Change : 03/03/2009
Author : Alexandre "pocky" BALMES - http://www.pockyworld.com
Please use for beautiful design only

[Credits]
clean.css is inspired from Meyer : http://meyerweb.com
layout.css is inspired by 960.gs : http://960.gs

--------------------------------------------------------------------*/


@import "clean.css";
@import "typography.css";
@import "color.css";
@import "layout.css";
@import "myclass.css";



/*--------------------------------------------------------------------
	1. Let's get the party started !
--------------------------------------------------------------------*/

/* la couleur de l'année : #ff017d */
body {background: #bdbdc2; font-size:12px;min-height:100% }

.container_12{ margin-top:21px; }

#container { background:#fdf9f9; }
#content{ }
#header { background:url('../images/header.png') no-repeat; width:900px; height:108px; margin-bottom:3px; }
#header a { margin-left:114px; border:0; }
#header span {  margin-left:-80px; color:#fbf9f9; font-size:14px; }

#barre { width:619px; height:112px; margin-left: 17px; }

#sous_header { z-index:1; background:url('../images/retour_header.png') no-repeat; width:73px; height:83px; position: relative; margin-top: -115px; }

#actu { background:url('../images/bloc_header_droite.png') no-repeat; width:261px; height:112px; margin-left: 3px; }
#actu h3 { margin: 9px 0 0px 22px; color:#fbf9f9; font-size:14px; line-height: 14px;  }
#actu ul{ margin-left:12px; font-size:11px; color:#3d444a; margin 0; padding: 0; }
#actu ul li { background: url('../images/puce_actu.png') no-repeat left center; line-height: 10px; margin-bottom: 10px; padding-left: 15px; }
#actu .plus { background: url('../images/fleche.png') no-repeat right center; margin:0 25px 0 140px; color:#fbf9f9; font-size:11px; }

/*--------------------------------------------------------------------
	2. Menu !
--------------------------------------------------------------------*/


#menu { margin-top:-32px; width:222px; background: url('../images/menu.png') no-repeat; float:left; position:relative; z-index: 2; }
#menu_top { width:207px; border-right:1px solid #d3d2d2; min-height: 554px; }
#menu_top ul { margin-left:15px; font-size:13px; text-align:left; line-height:40px;}
#menu_top ul a{ color:#6c80a7; }
#menu_top ul a:hover{ border-bottom: 1px solid; }
#menu_top ul li{ background: url('../images/puce_menu.png') no-repeat 13px 18px; border-bottom:1px dashed #54545b;  margin:0 25px 0 11px; padding-left:30px; }
#menu_top ul li ul { list-style-type: none; margin: 0; border-bottom: 0; line-height: 20px; }
#menu_top ul li ul li { list-style-type: none; margin: 0; border-bottom: 0; background: none; padding-left: 0; font-size: 11px;  }
#menu_top ul li ul li a:hover { border-bottom: 0;  }
#menu_top .last{ border-bottom:0; }
#menu_top img{ margin: 50px 0 0 30px; }
#menu_bottom { background:url('../images/boussole.png') no-repeat bottom right; width:207px; height: 180px; border-right:1px solid #d3d2d2;   }
#menu_bottom p { margin: 0;}
#menu_top a:hover {	border-bottom: 0; }

/*--------------------------------------------------------------------
	2. CONTENU !
--------------------------------------------------------------------*/

#cont{position:absolute; left:100px;border:1px solid blue;}

#content { /*background:pink;*/ position:relative; min-height: 622px;}

#contenttext { /*background:gold;*/ position:relative; width:678px; float:right;  /*marge de 3px inclus*/}

#fil_ariane {  background:url('../images/file_d_ariane.png') no-repeat right; position:relative;  width:693px; height:31px; left:-15px; }
#fil_ariane a { border:0; float:right; margin-top:13px; }
#fil_ariane .en{ margin-right:24px; }
#fil_ariane .fr{ margin-right:18px; }



/* Box 1 */
#box1, div#recrutement { width:648px; margin:18px 17px 0 9px; }
.contenu_box1 { width:605px; color:#46484b; }
.contenu_box1 img { margin-right:15px; }
.contenu_box1 .plus { background: url('../images/fleche.png') no-repeat right 62%; color:#353638; text-align: right; padding-right: 25px; }
.contenu_box1 li { margin-left: 20px; background: url('../images/puce_menu.png') no-repeat 0 5px; padding-left: 20px;font-weight:bold;}

/* Box 2 */
#box2{ background:#f0eeee; width:422px; margin:18px 17px 0 9px; }
.contenu_box2 { width:379px; }
.contenu_box2 img { margin-left:15px; }
.contenu_box2 .plus { background: url('../images/fleche.png') no-repeat 230px 80%; color:#353638; text-align: center; padding: 10px 25px 0 0; }
.contenu_box2 li{font-weight:bold;}
/* Box 3 */
#box3{ background:#f0eeee; width:207px; margin:18px 0px 0 0px; }
.contenu_box3 { width:164px; padding: 5px 5px 5px 5px; }
.contenu_box3 img { margin:9px 9px 0 9px; }
.contenu_box3 .plus { background: url('../images/fleche.png') no-repeat right 75%; color:#353638; text-align: right; padding: 5px 25px 0 0;}
.contenu_box3 li{font-weight:bold;}
/* Commun */
.box_border { border:1px solid #ebe8e8; }
.contenu { padding: 10px 20px 11px 25px; background: url('../images/pic_majuscule.png') no-repeat 5px 5px; }
.contenu h2 { font-size:15px; color:#46484b; border-bottom: 1px solid #9c9ea0; }
.contenu h2:first-letter { font-size:26px; color:#6c80a7; }
.contenu p.text { color:#46484b; }
.contenu p.bold { color:#5c81b2; line-height:17px; margin:0; }
.contenu img { border:1px solid #fbf9f9; }
.contenu a { border:0; font-weight: bolder; }

.espace_line { line-height:17px; }


/* Commentaires */

div.comment { margin: 40px 0; padding: 0 20px; }
div.comment h2 { font-size: 12px; margin-bottom: 10px; }

form img.captcha { display:block; margin-top: 10px; }

.contactbox { margin: 0 20px; width: 150px; }
.contactbox a { color: #46484B; }

#footer { /*background:red;*/ border-top:1px solid #ebe8e8; width:692px; margin-left: -14px; height:31px; padding-top: 10px; margin-top: 20px; }

#credits { width:600px;  }
#credits a {color:#5c81b2; }
#credits ul { margin: 0; padding: 0; font-size:10px; }
#logo { width: 80px; text-align: right; padding-right: 10px; }
#logo p { margin: 0;}


/*************** Notifications ***************/

.notification {

                position: relative;
                border: 1px solid;
                float:right;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                margin-top: 30px;
                }


.attention {
                background: #fffbcc url('../images/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../images/information.png');
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../images/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../images/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }




/*************** Form ***************/

form#form_comment { margin: 0 20px; }

form label {
                display: block;
                padding: 0 0 10px;
                font-weight: bold;
                }

form fieldset legend {
                font-weight: bold;
                margin-bottom: 10px;
                padding-top: 10px;
                }

form p small {
                font-size: 0.75em;
                color: #777;
                }


form input.text-input,
form input[type='text'],
form select,
form textarea,
form .wysiwyg {
                padding: 6px;
                font-size: 13px;
                background: #fff url('../images/bg-form-field.gif') top left repeat-x;
                border: 1px solid #d5d5d5;
				color: #333;
                }

form .small-input {
                width: 25% !important;
                }

form input[type='text'] {
                width: 97.5% !important;
                }

form .large-input {
                width: 97.5% !important;
				font-size: 16px !important;
				padding: 8px !important;
                }

textarea {
                width: 97.5% !important;
                font-family: Arial, Helvetica, sans-serif;
                }

form select {
                padding: 4px;
                background: #fff;
                }

form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
                background: none;
				border: 0;
                }

input[type="submit"] {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }

input[type="submit"] {
                background: #004a95 url('../images/bg-button-blue.gif') top left repeat-x !important;
                border-color: #004994 !important;

                }

input[type="submit"]:hover {
                text-decoration: underline;
                }

input[type="submit"]:active {
                padding: 5px 7px 3px 7px !important;
                }


a.sidebar {
    color:#6C80A7;margin-left:50px;

}

.formcontact input[type="text"] {
    width: 40% !important;
}

p.nexia { font-weight: bolder; color: #5C81B2; line-height:40px;}

small, sup { font-size: 80% }


p.aligncenter{
    text-align:center;
}

p.underline{
    text-decoration:underline;
}