/* CSS Document by Meridian Communication */

/* http://www.black-meridian.com 2009 */



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

/* >>>>>>>>>>>>>   aide couleurs                                       <<<< */

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



/* Colors Help {orange:ff8a00;bleu:#4386b9;}*/



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

/* >>>>>>>>>>>>>   generalites                                         <<<< */

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



HTML{font-size: 100%; font-weight:normal}



/* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */



body{background:#000; color:#FFF;font: 0.625em/1em Arial, "Times New Roman", Times, serif;width:100%; }



input, select, textarea{font-size: 100%;}



.accessibilite {display:none}

.clear {clear:both}

.right {text-align:right;display:block}

strong {font-weight:bold}



h3,h4,h5,h6 {font-weight:normal}





#page {position:relative;width:100%;background:url(images/fond-xy.png) 10px 10px repeat;}

div#corps  { padding:0;overflow:auto;height:100%;padding:10px 0 0 10px;}



a          { color: #fff;text-decoration: none; }

a:link     { color: #fff; }

a:visited  { color: #fff }

a:focus    { color: #fff; }

a:hover    { color: #fff;text-decoration: underline; }

a:active   { color: #000; }



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

/* >>>>>>>>>>>>>   entete                                       <<<<<<<<<<<< */

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



div#header h1 span{ display:none}

div#header h2 { display:none }



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

/* >>>>>>>>>>>>>    footer                                      <<<<<<<<<<<< */

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

div#footer {clear:both;background:#000;width:100%;margin:15px 0 0 0;padding:0 0 15px 0;}

div#footer p { font-size:1.2em; line-height:1.2em;padding:0 10px 0 25px;margin:0 0 10px 0;}





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

/* >>>>>>>>>>>>>    HOme                                        <<<<<<<<<<<< */

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





body.template4 div#corps div.box1 {display:block;float:left;width:150px;height:150px;padding:15px;overflow:hidden;}

body.template4 div#corps div.box1.annee {width:120px;height:35px;padding:130px 15px 15px 45px;}

body.template4 div#corps div.box2 {display:block;float:left;width:330px;height:150px;padding:15px;overflow:hidden;}

body.template4 div#corps div.box3 {display:block;float:left;width:510px;height:150px;padding:15px;overflow:hidden;}



body.template4 div#corps div.box1 h4 {width:120px;padding:5px 15px;}

body.template4 div#corps div.box2 h4 {width:300px;padding:5px 15px;}

body.template4 div#corps div.box3 h4 {width:480px;padding:5px 15px;}



body.template4 div#corps div.box1 p.image {width:150px;}

body.template4 div#corps div.box2 p.image {width:330px;}

body.template4 div#corps div.box3 p.image {width:510px;}





body.template4 div#corps div.liste1produit {background:url(images/ajax-loader.gif) no-repeat center center;position:relative;}

body.template4 div#corps div.liste1produit h4 {text-transform:capitalize;position:absolute;font-size:1.3em;line-height:1.2em;color:#fff;display:none;background:transparent url(images/fond-h4Trans.png) repeat; }
*+html body.template4 div#corps div.liste1produit h4 {background:transparent url(images/fond-h4Trans330.png) repeat; }

body.template4 div#corps div.liste1produit p.image {overflow:hidden;height:150px;position:absolute;top:15px;left:15px;}

body.template4 div#corps div.liste1produit p.image a {display:block}

body.template4 div#corps div.liste1produit p.liens {position:absolute;bottom:15px;right:15px;display:none}

body.template4 div#corps div.liste1produit p.liens a {font-size: 1.3em;padding:5px 10px;margin-left:2px;display:block;float:left;background:transparent url(images/fond-h4Trans.png) repeat;}
*+html body.template4 div#corps div.liste1produit p.liens a {background:transparent url(images/fond-h4Trans330.png) repeat; }

/*hover*/

body.template4 div#corps div.liste1produit h4 {z-index:3;}

body.template4 div#corps div.liste1produit p.liens {z-index:3;}

body.template4 div#corps div.liste1produit p.imageHover {overflow:hidden;height:150px;position:absolute;top:15px;left:15px;width:510px;}

body.template4 div#corps div.liste1produit p.imageHover a {display:block;}



/*date*/

body.template4 div#corps h3 span {background:url(images/spritesChiffres.png) 0 0 no-repeat;width:30px;height:0;padding-top:42px;overflow:hidden;float:left;display:block}

body.template4 div#corps h3 strong {display:none}





body.template4 div#corps h3 span.n0 {background-position:0 -6px;}

body.template4 div#corps h3 span.n1 {background-position:0 -46px;}

body.template4 div#corps h3 span.n2 {background-position:0 -86px;}

body.template4 div#corps h3 span.n3 {background-position:0 -126px;}

body.template4 div#corps h3 span.n4 {background-position:0 -166px;}

body.template4 div#corps h3 span.n5 {background-position:0 -206px;}

body.template4 div#corps h3 span.n6 {background-position:0 -246px;}

body.template4 div#corps h3 span.n7 {background-position:0 -286px;}

body.template4 div#corps h3 span.n8 {background-position:0 -326px;}

body.template4 div#corps h3 span.n9 {background-position:0 -366px;}



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

/* >>>>>>>>>>>>>   1 projet                                     <<<<<<<<<<<< */

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



body.template5 div#corps div.box1 {display:block;float:left;width:150px;height:150px;padding:15px;overflow:hidden;}

body.template5 div#corps div.box2 {display:block;float:left;width:330px;height:150px;padding:15px;overflow:hidden;}

body.template5 div#corps div.box3 {display:block;float:left;width:510px;height:150px;padding:15px;overflow:hidden;}

body.template5 div#corps div.box4 {display:block;float:left;width:690px;height:150px;padding:15px;overflow:hidden;}



body.template5 div#corps div.ligne2 {height:330px;}



body.template5 div#corps  h3 {}

body.template5 div#corps  h3 span {display:none}


body.template5 div#corps h4 {display:none}

body.template5 div#corps #wrapper {clear:left;}



body.template5 div#corps div#retour {float:none;position:relative}/*float */

body.template5 div#corps > div#retour {float:left;}/*modern browser*/

body.template5 div#corps div#retour a {display:block;background:#000 url(images/spriteRetour.png) no-repeat 0 0;width:144px;height:0;padding-top:72px;overflow:hidden;position:absolute;bottom:15px;right:15px;}

body.template5 div#corps div#retour a:hover {background-position:0 -72px;}



body.template5 div#corps div#projet {clear:both;}

body.template5 div#corps div#text {clear:both;padding:0;margin:15px;background:#000;float:none;}/*float */

body.template5 div#corps > div#text {float:left;}/*modern browser*/

*+html body.template5 div#corps div#text {float:none;}/*ie7*/

body.template5 div#corps div#text p {font-size:1.3em;line-height:1.3em;margin-bottom:15px;}

body.template5 div#corps div#text p a {text-decoration:underline;color:#fff;}

body.template5 div#corps div#text p a:hover {color:#CCCCCC;}

body.template5 div#corps div#detail {background:#000;padding:0;margin:15px;}

body.template5 div#corps div#detail h5 {color:#CCCCCC;font-weight:normal;font-size:1.3em;line-height:1.3em;}

body.template5 div#corps div#detail p {font-size:1.3em;line-height:1.3em;margin-bottom:15px;font-weight:bold}

body.template5 div#corps div#detail p a {color:#fff;font-weight:bold}

body.template5 div#corps div#detail ul {margin-bottom:15px;}

body.template5 div#corps div#detail ul li {font-size:1.3em;line-height:1.3em;font-weight:bold}



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

/* >>>>>>>>>>>>>   cadre simple                                 <<<<<<<<<<<< */

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


body.template10 div#corps  h3 {}

body.template10 div#corps  h3 span {display:none}


body.template10 div#corps h4 {display:none}


body.template10 div#corps div#text { padding:0; left:15px; margin:33px 0 0 15px; padding-bottom:89px; width:690px;  background:#000;float:none; font-size:1.3em;line-height:1.3em;}/*float */

body.template10 div#corps div#text .valider { border:1px #FFF solid }

body.template10 div#corps div#text p {margin-bottom:15px;}

body.template10 div#corps div#text p a {text-decoration:underline;color:#fff;}

body.template10 div#corps div#text p a:hover {color:#CCCCCC;}