/* GENERAL ---------------------------------------------------- */
* { margin:0px;padding:0px;font-family:"Trebuchet MS",sans-serif;font-size:small;color:#888888 }
body {background-color:#363636}
img {border:0px}

#page {height:auto;position:absolute;left:50%;margin-top:34px;margin-left:-500px;padding:0px;width:1000px;background-image:url(../i/p2.gif)}
#page_haut,#page_bas {width:1000px;height:30px}
#page_haut {position:absolute;top:-30px;left:0px;background-image:url(../i/p1.gif)}
#page_bas {float:left;background-image:url(../i/p3.gif)}

/* ALERTBOX ---------------------------------------------------- */

#alertbox {position:absolute;left:250px;top:65px;width:473px;height:97px;z-index:3;opacity:0;filter:alpha(opacity=0)}
#alertbox_bg {position:relative;width:473px;height:97px;background-image:url(../i/bg-caption.png)}

#alertbox_txt {position:relative;top:-80px;left:30px;color:#6f583f;z-index:4}


/* Bandeau HAUT ---------------------------------------------------- */

.clear {clear:both;display:block;height:0px;width:1000px}
#c1, #c2, #c3 {float:left;width:307px;height:66px;margin-bottom:13px;background-image:url(../i/g1.gif)}
#c2 {width:340px}
#c1 {margin-left:19px}
#c2,#c3 {margin-left:4px}
#c1b,#c2b,#c3b {width:303px;height:62px;background-color:#ffffff;margin:2px}
#c2b {width:336px}
#c2b {text-align:center}
#c3b {text-align:center}
.logo {margin-left:9px;margin-top:7px}
.bas {position:relative;top:44px}

/* User Box ---------------------------------------------------- */

#userbox {float:left;margin-left:19px;width:962px;margin-top:-9px;margin-bottom:9px;background-image:url(../i/g1.gif)}
#userboxb {width:958px;height:31px;background-color:#fbfbfb;margin:2px }
#userstory {float:left;margin-top:6px;width:958px;height:92px;background-color:#ffffff;display:none;overflow:auto}
#userlb {float:left;margin-top:6px;width:958px;height:300px;background-color:#ffffff;display:none}
#closebox {float:left;margin-top:0px;width:958px;height:2px;display:none}
#propbox {margin-left:10px;margin-top:10px}
#userstory .rep_sbox {margin-left:10px;width:290px}

.username {float:left;padding-left:9px;padding-top:9px;font-size:12px;color:#7a7a7a}
.useractions {padding-top:9px;float:right;text-align:right;width:400px;}
.ub_thumb {float:left;margin-right:10px}

/* Bandeau BAS ---------------------------------------------------- */

#c4 {float:left;width:960px;height:30px;margin-left:20px;margin-top:24px;background-image:url(../i/g1.gif)}
#c4b {width:956px;height:26px;background-color:#FFFFFF;margin:2px}
.centre {position:relative;top:6px}

/* INTERFACE ---------------------------------------------------- */

.tp-0 {width:0px;height:0px}
.tp-2 {width:2px;height:2px}
.tp-12 {width:12px;height:12px}
.tp-8 {width:8px;height:8px}
.tp-10 {width:10px;height:10px}
.tp-20 {width:20px;height:20px}
.tp-pf {width:870px;height:580px}

.l_272,.l_260,.l_292,.l_400,.l_535,.l_615,.l_620,.l_flot1,.l_flot2,.l_900 {clear: both; height:2px;margin-top:8px;margin-bottom:8px;background-image:url(../i/g1.gif)}
.l_272 {width:272px}
.l_260 {width:260px}
.l_292 {width:292px}
.l_400 {width:400px}
.l_535 {width:535px;clear:both}
.l_615 {width:610px;;margin-top:20px;margin-bottom:20px}
.l_620 {width:620px}
.l_900 {width:900px;margin-left:-14px;margin-top:0px}

.l_flot1 {width:272px;margin-left:-1px;margin-top:10px}
.l_flot2 {width:292px;margin-left:-11px;margin-top:10px}

#titre,#titre_gd, .titrebox {color:#121212;width:160px;border-bottom-width:8px;border-bottom-style:solid;border-bottom-color:#6f583f;padding-bottom:2px;margin-top:17px;margin-bottom:17px;font-size:20px;}
#titre,#titre_gd {text-align:right;margin-left:14px}
#titre_gd {width:300px}

/**/
li {list-style:none}
.txt {font-weight:normal;font-size:small;color:#333333}
.txt2 {font-weight:normal;font-size:11px;color:#666666}

a {color:#666666;font-weight:bold;text-decoration:none}
a:hover {color:#888888}

.link1:hover,.link2:hover,.link3:hover,.link6:hover {padding-bottom:0px;border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#ac1019}


.link1 {margin-left:5px;margin-right:4px}
.link2 {margin-left:6px}
.link3 {margin-left:6px}
.link4 {font-weight:normal}
.link5 {font-weight:normal;font-size:12px;margin-left:5px;margin-right:9px}
.link6 {font-size:14px;line-height:24px}

.rep_ico {background-color:#FFFFFF;margin-right:2px}
.rep_ico:hover {background-color:#ECECEC}

h1, h1 i {font-weight:normal;font-size:large;color:#6f583f;margin-bottom:2px}
h2 {font-weight:normal;font-size:16px;margin-bottom:0px}
h3 {font-weight:bold;font-size:12px;color:#6f583f;margin-bottom:2px}
h4 {font-weight:normal;font-size:12px;margin-bottom:20px}

.brown {color:#6f583f}

.text {margin-bottom:14px}
.text-col {margin-right:30px;margin-left:30px;margin-top:6px}
.text-col2 {font-size:11px}
.text-portfolio {display:block;margin-top:90px;font-weight:normal;font-size:12px;color:#6f583f}



.contactlist {margin-top:4px;margin-bottom:8px}
.contactlist li {font-size:small;line-height:17px;list-style:none;margin-left:40px}

#colonne input {font-size:small;color:#666666;width:130px;border:1px solid #888888;padding:2px}
#colonne .ggg, .ggg, .ggg2 {margin-bottom:0px;width:12px;height:10px;border:0px}
.ggg2 {margin-left:30px}

/* HP */

.intro_o1, .intro_o2, .intro_h {width:972px;height:10px;margin-left:14px;background-image:url(../i/intro_o1.gif)}
.intro_o2 {background-image:url(../i/intro_o2.gif)}
.intro_h {height:8px;background-image:url(../i/g2.gif)}
#intro_box1,#intro_box2,#intro_box3,#intro_box4 {width:972px;height:420px;margin-left:14px}
#intro_box2,#intro_box3,#intro_box4 {display:none;opacity:0;filter:alpha(opacity=0)}

.intro_ph {float:left;margin-left:8px;margin-top:8px;margin-bottom:8px;width:600px;height:400px}
.intro_txt {float:left;width:275px;height:370px;margin-left:20px;margin-top:8px}
.intro_page {float:left;width:275px;height:20px;margin-left:20px}
.intro_num {margin-left:10px}
.intro_num:hover {opacity:0.3;filter:alpha(opacity=30)}
.hp_box1 {float:left;width:535px;min-height:500px;margin-top:17px;margin-left:45px}
.hp_box1 .titrebox {width:535px}

.hp_box2 {float:left;width:345px;margin-top:17px;margin-left:47px}
.hp_box2 .titrebox {width:345px}
.reportages_box_hp {float:left;margin-left:0px;margin-top:5px;width:345px}

/* SIDEBAR */

#sidebar {float:left;width:300px;margin-left:25px;margin-top:15px;background-image:url(../i/o2.gif)}
.o1,.o3 {float:left;width:300px}
.o3 {margin-top:-10px}
.o1 {background-image:url(../i/o1.gif)}
.o3 {background-image:url(../i/o3.gif)}
.sidebar_content {width:260px;min-height:400px;margin-left:20px}
.sidebar_content a {color:#666666;text-decoration:none}
.sidebar_content a:hover {color:#888888}
.sidebar_content li {margin-left:5px}
.sidebar_content p {margin-left:5px;margin-bottom:7px}

/* BLOG */

.attachment-medium, .size-medium {border: 1px solid #CCCCCC;padding: 5px;margin-bottom:5px;margin-right:10px}
.size-full, .size-large {border: 1px solid #CCCCCC;padding:5px;margin-bottom:10px}
.hp_box1 .attachment-medium {float:left}

/* PUBLICATIONS */

#publi_box {float:left;width:615px;margin-top:10px;margin-left:40px}
.publication {float:left;width:605px;margin-bottom:10px}
.publication p {width:280px;margin-left:5px;margin-bottom:7px}
.publication .publi_text2 {width:380px;margin-left:5px;margin-bottom:7px}
.im-pub {float:right}

/* LINKPAGE */

.linkpage {float:left;width:605px;margin-bottom:10px;margin-left:80px}
.linkpage p {margin-bottom:15px}
/* PORTFOLIO */

#portfolio_cadre {float:left;width:920px;margin-left:40px;margin-top:15px;background-image:url(../i/o8.gif)}
#portfolio_img {position:relative;float:left;overflow:hidden;margin-left:25px;margin-top:5px;margin-bottom:15px;width:870px;height:580px;z-index:1}
.o7,.o9 {float:left;width:920px}
.o9 {margin-top:-10px}
.o7 {background-image:url(../i/o7.gif)}
.o9 {background-image:url(../i/o9.gif)}
#portfolio_nav {float:left;width:900px;margin-left:10px;height:50px;background-image:url(../i/g2.gif);z-index:2}
#portfolio1 {position:relative;top:0px;left:0px;width:870px;height:580px;background-color:#FFFFFF;background-repeat:no-repeat;z-index:1}
#portfolio2 {position:relative;top:-580px;left:870px;width:870px;height:580px;background-color:#FFFFFF;background-repeat:no-repeat;z-index:2}
#portfolio_legende {position:absolute;left:190px;bottom:10px;width:473px;height:97px;z-index:3;opacity:0;filter:alpha(opacity=0)}
#portfolio_legende_bg {position:relative;width:473px;height:97px;background-image:url(../i/bg-caption.png)}

#portfolio_legende_txt {position:relative;top:-80px;left:30px;width:425px;color:#6f583f;z-index:4}
.tp-pf {width:870px;height:580px}


#portfolio_msg {position:absolute;left:310px;bottom:250px;width:224px;height:97px;z-index:3;opacity:0;filter:alpha(opacity=0)}
#portfolio_msg_bg {position:relative;width:224px;height:97px;background-image:url(../i/bg_msg.png)}

#portfolio_msg_txt {font-size:16px;position:relative;top:-60px;left:50px;width:220px;color:#6f583f;z-index:4}
.tp-pf {width:870px;height:580px}


#loading {width:724px;height:400px;background-image:url(../i/g2.gif)}
.im-ld {margin-right:6px;margin-bottom:-2px}
#msg {position:relative;left:150px;top:160px;width:304px;height:74px;border-style:solid;border-color:#CCCCCC;border-width:1px;}
#msgb {position:relative;left:2px;top:2px;width:300px;height:50px;background-color:#FFFFFF;padding-top:20px;text-align:center;font-weight:bold;font-size:16px;color:#6f583f}
.tx-msg {font-weight:bold;font-size:14px;color:#ac1019}



table.cpc {height:100%}
td.centre {vertical-align:center;margin-top:10px;float:left}



#fleche1.pf {margin-left:820px;margin-top:15px;float:left}
#fleche2.pf {margin-left:15px;margin-top:15px;float:left}

/* REPORTAGES */

.menu {float:left;width:150px}
.menu_box_titre {position:relative;top:0px;width:144px;height:14px;z-index:5}
.menu_h {position:relative;top:-20px;width:144px;height:12px;background-image:url(../i/bg_menu1.png);background-repeat:no-repeat;z-index:4}
.menu_c {position:relative;top:-20px;width:144px;height:6px;background-image:url(../i/bg_menu2.png);overflow:hidden;z-index:4}
.menu_b {position:relative;left:0px;top:-20px;width:144px;height:15px;background-image:url(../i/bg_menu3.png);background-repeat:no-repeat;z-index:4}
.menu_titre {display:block;float:left;width:100px;margin-left:20px;color:#666666;font-size:14px;font-weight:bold;text-decoration:none}
.menu_titre:hover {color:#888888}
.menu_item {display:block;width:120px;height:12px;padding:4px;padding-left:15px;margin:0px;margin-left:5px;color:#666666;font-size:12px;font-weight:bold;text-decoration:none;}
.menu_item:hover {color:#FFFFFF;background-color:#888888}
.fleche_bas {margin-top:5px}
.menu_ligne {margin-left:6px;margin-top:13px;margin-bottom:2px;height:1px;width:136px;background-color:#EEEEEE}

#reportages_content {float:left;width:920px;margin-left:40px;margin-top:-5px}
.reportages_cadre {float:left;width:920px;background-image:url(../i/o8.gif);background-repeat:repeat-y}
.reportages_top,.reportages_bt {float:left;width:880px;margin-top:-10px;margin-left:10px;height:25px;background-image:url(../i/g2.gif);padding-left:20px;padding-top:13px;padding-bottom:3px}
.reportages_aff {float:left;font-weight:bold;font-size:14px;color:#6f583f;margin-right:8px}
.reportages_nav {float:left;margin-top:-11px;margin-left:37px;width:126px}
#reportages_fl1,#reportages_fl2 {float:left;width:61px;display:none}
#reportages_fl2 {margin-top:-3px}
#reportages_fl {float:left;width:117px;height:20px;margin-top:-3px}
#reportages_fl1 a,#reportages_fl2 a {float:left;margin-left:7px}
#reportages_fl1 a:hover,#reportages_fl2 a:hover {opacity:0.5;filter:alpha(opacity=50)}
#reportages_count,#reportages_count2 {margin-top:3px;float:left;width:46px;margin-left:10px;font-weight:bold;font-size:12px;text-align:center;display:none}
#reportages_count2 {margin-left:757px;margin-top:0px;display:none}
.reportages_infonav {position:relative;top:194px;left:58px}
.reportages_infofl {float:left;margin-top:-4px}
#reportages_infocount {float:left;width:50px;font-weight:bold;font-size:12px;text-align:center}
#reportages_infocaptioncadre {float:right;width:210px;height:210px;margin:15px;padding:15px;background-color:#FFFFFF}
.reportages_infocaption {float:left;width:210px;margin-top:-17px}
.reportages_infofd {float:left;width:900px;margin-left:-15px;margin-top:-15px;background-image:url(../i/g2.gif)}
.fondphoto {float:left;padding:15px;background-color:#FFFFFF}
.reportages_info1 {float:left;width:594px;min-height:99px;padding-right:20px;margin-right:20px;margin-bottom:12px;border-right-style:solid;border-right-color:#6f583f}
.reportages_info2 {float:left;width:220px;border-left-width:3px}
.reportages_infoaffph {float:right;width:240px;margin-top:10px}
.reportages_img {float:left;margin-left:25px;margin-top:5px;margin-bottom:15px;width:605px;height:403px;background-repeat:no-repeat}

.reportages_caption {float:left;width:250px;font-size:12px;color:#777777}
.reportages_txt {float:left;margin-left:20px;margin-top:5px;width:240px}
.reportages_txt p {margin-top:16px;margin-bottom:16px;color:#6f583f}
.reportages_box_s {float:left;margin-left:10px;margin-top:5px;width:700px}
#reportages_page {float:left;margin-left:10px;margin-top:-10px;padding:15px;width:870px}
.reportages_titre {float:left;margin-left:-20px;margin-top:-13px;width:590px;height:31px;padding:10px;padding-left:20px;padding-bottom:0px}
.tp-rp {width:605px;height:403px}


.reportages_grille {float:left;margin-bottom:-10px;margin-top:-5px;margin-left:-5px;width:880px;border-spacing:0px;border-collapse:separate;}
.reportages_grille td {background-image:url(../i/bg_slide3.gif);background-repeat:no-repeat;width:210px;height:210px;text-align:center}
.reportages_grille td:hover {background-image:url(../i/bg_slide.gif);opacity:0.75;filter:alpha(opacity=75)}

/* #reportages_strip {text-align:right;background-image:url(../i/g2.gif);position:absolute;left:815px;top:208px;width:135px;height:630px;overflow:auto} */
#reportages_strip {text-align:center;background-image:url(../i/g2.gif);float:left;width:145px;height:630px;margin-left:25px;margin-top:-10px;overflow:auto}
.strip {width:120px;text-align:center}
.strip img {border:1px solid #CCCCCC;margin:5px;padding:5px;background-color:#FFFFFF}
.strip img:hover {border-color:#ac1019}
.strip img:focus {border-color:#333333}

.rep_sbox {float:left;margin-left:0px;margin-right:-4px;margin-top:10px;padding:6px;width:330px;border: 1px solid #eeeeee}
.rep_sbox:hover {border-color:#ac1019}


.mn {width:195px;height:14px;background-color:#e9e9e9}
.nombre_page {margin:6px;color:#666666;font-size:14px;font-weight:bold}
.fleche {margin-bottom:-5px}
.link_page {border:2px;padding:2px;border-color:#666666;border-style:solid;color:#666666}
.link_page:hover {border-color:#AC1019;color:#666666}

/* REPORTERS */

.portrait {float:left}
.portrait_txt {float:left;color:#666666;margin-left:20px;width:400px}
.reporters_nav {position:relative;top:-20px;left:400px;width:450px;text-align:right}
.reporters_menu {float:left;width:240px;height:260px;margin-left:-4px;margin-top:-2px;margin-right:20px;padding:8px;background-color:#FFFFFF;border-width:1px;border-style:solid;border-color:#FFFFFF}

.reporters_menu:hover {border-color:#ac1019}
.reporters_ph {margin-bottom:7px}
.reporters_top {float:left;width:880px;margin-top:-10px;margin-left:10px;height:290px;background-image:url(../i/g2.gif);padding-left:20px;padding-top:17px;padding-bottom:3px}

/* COLONNE */

#colonne {position:absolute;left:629px;top:110px;width:312px;margin-left:43px;z-index:8 }
#colonne.off {display:none;z-index:8}
#colonne22 {float:left;width:312px;background-image:url(../i/bg_flot2.png)}
#colonneb,#compte,#contact {float:left;width:270px;height:100%;margin-left:5px;margin-right:5px;margin-top:-12px;padding:16px;background-image:none;background-repeat:no-repeat;z-index:9}

#compte,#contact {display:none;z-index:9}
#o1,#o3 {float:left;width:312px;height:20px}
#o1 {background-image:url(../i/bg_flot1.png)}
#o3 {background-image:url(../i/bg_flot3.png);margin-top:0px;}
.im-col {margin-left:16px}
.close {float:right; width:15px;margin-top:-8px;margin-right:-8px}
.tab-col {margin-left:30px;margin-top:10px;width:250px,border:0px}
.td-col1 {width:80px}
.td-col2 {width:170px}
.tr-col {height:25px}