/*------------------------------------------------ GENERIQUE ------------------------------------------------*/
*{padding:0;margin:0;}
img{border:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
hr{display:none;}
li{list-style-type:none;list-style-position:outside;}
/*----------------------------------------------- /GENERIQUE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES ELEMENT --------------------------------------------*/
/* position */
.clear{clear:both;font-size:1px;line-height:0;}
.right, .right_2{float:right;}
.left, .left_2{float:left;}
.center{text-align:center;display:table;margin-left:auto;margin-right:auto;}

/* bordure */
.no_border{border:none;}

/* centrage txt*/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-j{text-align:justify;}

/* alignement vertical */
.valign-t{vertical-align:top;}
.valign-m{vertical-align:middle;}
.valign-b{vertical-align:bottom;}

/* position */
.rel{position:relative}

/* element de hauteur < 10px */
.lf{line-height:0;font-size:1px;}
/*------------------------------------------- /PROPRIETES ELEMENT --------------------------------------------*/

/*----------------------------------------------- MODELE SITE -------------------------------------------------*/
#flashmain, #flashmain a{color:#fff;}
html, body{height:100%;}
html{overflow-y:scroll;}
/* pour centrer le site*/
body{background:url('../img/modele/fd_site.gif') 50% 0 repeat;text-align:center;font:normal 11px arial;}
#header{height:15px;background:url('../img/modele/fd_header.gif') repeat-x;}
#page{}
#corps_page{padding-bottom:10px;}
.corps{width:910px;margin-left:auto;margin-right:auto;text-align:left;}

#header ul{float:right;margin-top:2px;}
#header li{float:left;font:normal 1px/1px arial;height:9px;padding-left:7px;background:url('../img/modele/sep_header.gif') 2px 0 no-repeat;}
#header li.no_fd{background:none;}
#header .corps{padding-right:5px;}
#header a{color:#202020;}
/* bandeau */
#bandeau{position:relative;height:80px;}
#logo{position:absolute;left:22px;top:16px;color:#000;}
/* /bandeau */

/* navigation */
ul#menu{float:right;margin-top:33px;}
#menu li{float:left;height:21px;padding-left:6px;}
#menu a{color:#000;}
/*/navigation */

/* corps_page */
#col_g{float:left;width:300px;}
#col_d{float:right;width:610px;}
#col_g_2{float:left;width:600px;}
#col_d_2{float:right;width:310px;}
/* dans #col_d */
.col_g{float:left;width:300px;}
.col_d{float:right;width:310px;}
/* /corps_page */

#ss_menu{width:300px;}
#ss_menu li{line-height:1px;font-size:1px;}
#ss_menu a{color:#000;}

/* png */
#ie6 .png {
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
    this.src = "/sites/all/themes/xpcomv5/img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
    this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
    this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
} 
/*------------------------------------------------ /MODELE SITE ------------------------------------------------*/

/*------------------------------------------- PROPRIETES SITE --------------------------------------------*/
.no_marge{margin-top:0;}
#col_d h2.tt_rouge{margin-top:40px;background:#d60000;text-align:right;padding:1px 10px 7px 0;}
#col_d h2.tt_rouge{width:290px;}
#col_d_2 h2.tt_rouge{margin-left:1px;margin-top:40px;margin-bottom:40px;background:#d60000;padding:1px 10px 7px 0;text-align:right;}

h1.accroche{background:#d60000;padding:122px 10px 10px 0;text-align:right;}
/* projet */
p.accroche{font:bold 15px/15px arial;color:#fff;padding:7px 10px 11px;height:30px;text-transform:uppercase;overflow:hidden;}
p.accroche a{color:#fff;}
p.accroche a:hover{text-decoration:none;color:#d60000;}
.contenu{background:#222;padding:45px 11px 35px 11px;}/*5 px du au ln_plus*/
/* projet */

.liste  a{margin-top:1px;display:block;font:normal 11px arial;color:#aaa;padding:35px 13px 0 304px;background-repeat:no-repeat;height:76px;overflow:hidden;}/* ref */
.liste  a.liste_fd_c{background-color:#303030;border:7px solid #303030;}
.liste  a.liste_fd_f{background-color:#222;border:7px solid #222;}
.liste  a h2, .liste  a h3{text-transform:uppercase;font:bold 15px/15px arial;color:#fff;margin-bottom:2px;}
.liste  a:hover {text-decoration:none;}
.liste  a:hover{border-color:#d60000;}

/* pager */
.pager{padding:10px 10px 0 0;float:right;}
.pager a{margin-left:20px;color:#000;}
/* /pager */

/* texte  = txt article */
/*.txt{font:normal 11px arial;color:#aaa;}*/
/*.txt a{color:#000;}*/
/* /texte */

.cr_rouge, .cr_rouge a, a.cr_rouge{color:#d60000;}
.contenu_ln{padding-top:20px;}
.contenu_ln a{color:#222;}
p.ln_plus{}
p.ln_plus a{color:#fff;background:#d60000 url('../img/modele/ln_plus.gif') 5px 9px no-repeat;padding:5px 5px 5px 14px;text-transform:uppercase;}
#menu_page p.ln_plus a{display:block;}
#ie6 #menu_page{margin-top:-40px;}/*margin sur tt.rouge*/

.bt_retour{padding-top:22px;padding-bottom:10px;text-align:right;}
.img_projet, .video_projet{background:#222;border-color:#222; border-style:solid;border-width:7px 9px 7px 8px;margin-bottom:1px;}

#liste_client{width:604px;}
#liste_client li.client {float:left;margin:1px 1px 0 0;width:150px;height:100px;}
#liste_client a{border:5px #222 solid;display:block;color:#222;background:#222;}
#liste_client a:hover{border:5px #d60000 solid;}
/*------------------------------------------- /PROPRIETES SITE --------------------------------------------*//*---------------------------------------------- PROPRIETES ARTICLE ---------------------------------------------*/
.article{font:normal 11px arial;color:#aaa;}

/* titre */
.article h3, .article p.intertitre{color:#fff;font:bold 15px/15px arial;text-transform:uppercase;margin-top:15px;}
.article h3.no_marge{margin-top:0px;}
/* /titre */

/* paragraphe */
.article p{margin-top:10px;}
.article p.no_marge{margin-top:0px;}
/* /paragraphe */

/* lien */
.article a{text-decoration:underline;color:#aaa !important;}
.article a:hover{}
/* /lien */

/* liste a puce */
.article ul{margin-top:10px;}
.article li{background:url('../img/modele/pe_carre_rouge.gif') no-repeat 2px 6px; padding:0 0 0 10px;}
.article ul ul{margin-top:0px;}
.article ul li ul li{background:url('../img/modele/pe_fle_rouge.gif') no-repeat 2px 5px; padding:0 0 0 10px;}
/*---------------------------------------------- /PROPRIETES ARTICLE ---------------------------------------------*/