/* == > BASOH CSS */
/* --- Charte graphique --- */
/*
-> bg page : #7d7d7d
-> bg site : #cdcdcd
-> cadres : #868683
*/

* {margin:0px; padding:0px}
body {background-color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; font-size:62%; color:#000; text-align:center}

.breaker {clear:both; overflow:hidden; height:0px}

/* Hack FF bordure pointille */
a {outline: none;}
:focus{-moz-outline-style: none;}

#global {width:860px; margin:50px auto 10px auto;}
#global .topContent {background-image:url(../images/top.jpg); background-repeat:no-repeat; width:856px; height:7px; overflow:hidden}
* html #global .topContent {background-image:url(../images/top.jpg); background-repeat:no-repeat;}  /* IE6 */
#global .middleContent {background-image:url(../images/content.jpg); background-repeat:repeat-y; width:856px; overflow:hidden; text-align:left}
* html #global .middleContent {background-image:url(../images/content.jpg); background-repeat:repeat-y; }  /* IE6 */
#global .bottomContent {clear:both; background-image:url(../images/bottom.jpg); background-repeat:no-repeat; width:856px; height:7px; overflow:hidden}
* html #global .bottomContent {clear:both; background-image:url(../images/bottom.jpg); background-repeat:no-repeat; }  /* IE6 */

/* -- HEADER -- */
#header {text-align:left;}
#header h1 {display:none}
#header .logo {float:left; margin:5px 0 0 27px; }
*html #header .logo {float:left; margin:5px 0 0 14px; } /* IE6 */
#header .logo a {cursor:pointer; }
#header .logo img {border:0px; }
#header #pathway {font-size:1.0em; color:#666666; width:500px; float:left; margin:35px 0 0 10px; line-height:16px;}
#header #pathway a:link, #header #pathway a:visited {text-decoration: none; color:#666666; padding:0 5px}
#header #pathway a:hover, #header #pathway a:active {text-decoration: none; color:#000}
#header #pathway span.arrow {background:url(../images/pathway-arrow.png) no-repeat; background-position: center left; padding-left:13px; color:#666666}
*html #header #pathway span.arrow {background:url(../images/pathway-arrow.gif) no-repeat; background-position: center left; padding-left:13px; color:#666666}	/* IE 6*/
#header #loader {background:url(../images/ajax-loader1.gif) no-repeat; background-position: center right; width:16px; height:16px; display:inline; position:absolute; margin-left:50px; z-index:0  }

#header .navigation_suckerfish {float:right; width:490px; padding-left:210px;}

/* == HOME == */
#homeIntro {margin:0 20px 0px 30px; width:795px; text-align:left;}
#homeIntro .homeToggle {height:12px; text-align:right}
#homeIntro .homeToggle a {font-size:11px; text-decoration:none; color:#000; /*text-transform:uppercase;*/ padding:1px 3px; font-family:Arial, "Trebuchet MS"; font-weight:bold}
#homeIntro .homeToggle a:hover {text-decoration:none}
#homeIntro #homeIntroBox {}
#homeIntro #homeIntroBox p {font-size:1.1em; text-align:justify; padding:5px 0}

#homeContent, #contactContent {margin:15px 0 20px 30px; width:795px; text-align:left; overflow:hidden; }


/* Partie #Left et #right generiques à #homeContent, #contactContent et #linksContent */
#homeContent #left, #contactContent #left, #linksContent #left {float:left; width:268px; margin:0 5px 0 0; border:1px solid #868683; height:330px; }
#linksContent .spacerDiv {float:left; width:200px; margin:0 5px 0 0; border:none; height:5px; }
#left #homeThicker {padding:5px 7px;}
#left #homeThicker h4 {font-size:1.8em; font-weight:normal; margin:2px 0 12px 0; }
#left #homeThicker .newsItem {clear:both; margin:5px 0 0px 0; overflow:hidden; height:90px;}
#left #homeThicker .newsItem a {text-decoration:none; color:#666}
#left #homeThicker .newsItem a:hover {text-decoration:none; color:#000}
#left #homeThicker .newsItem .mini {float:left; width:130px; height:88px; /*background:#FFF*/}
#left #homeThicker .newsItem .mini a img {/*padding:2px;*/ border:2px solid #FFF; height:83px}
#left #homeThicker .newsItem .mini a:hover img {border:2px solid #000}
#left #homeThicker .newsItem .infos {float:left; color:#666; width:124px;}
#left #homeThicker .newsItem .infos h5 {font-size:1.5em; font-weight:normal;  margin:0px 0 2px 7px; }
#left #homeThicker .newsItem .infos h6 {font-size:1.1em; font-weight:normal; margin:0px 0 2px 7px; font-style:italic}
#left #homeThicker .newsItem .infos p {font-size:1.0em; margin:0px 0 0px 7px; text-align:justify}
#left #homeThicker .newsItem .infos p.link {margin:5px 0 0px 7px;}

#right {float:left; width:502px; padding:0 0 0 18px; }

#homeContent #right #myDiaporama {width:500px;	height:332px; cursor:default}
#homeContent #right #myDiaporama img {border:none}
#homeContent #right #myDiaporama a {display:block; background:url(../images/24-0.gif) no-repeat; width:500px; height:330px; background-position:50% 50%}

/* == CONTACT == */
#contactContent #right #basohContact {padding:0 0 0 25px;}

#contactContent #right #basohContact h2 {color:#000; font-size:2.0em; margin:-3px 0 15px 0; font-weight:normal}
#contactContent #right #basohContact span {font-weight:normal; padding-left:160px; }
#contactContent #right #basohContact span a {font-size:10px; color:#000}
#contactContent #right #basohContact span a:hover {text-decoration:none}
#contactContent #right #basohContact p {width:430px; color:#000; font-size:11px; margin-bottom:12px}
#contactContent #right #basohContact .champ {margin:2px 0; line-height:16px; width:440px; }
#contactContent #right #basohContact .champ .intitule {float:left; width:195px; height:16px; color:#000; font-size:1.2em; padding-left:5px;}
#contactContent #right #basohContact .champ label {float:left; width:195px; height:16px; color:#000; font-size:1.2em; padding-left:3px;}
#contactContent #right #basohContact .champ span {color:#868683; font-size:1.0em; padding-left:5px; line-height:12px;}
#contactContent #right #basohContact .champ input {float:left; width:230px; height:15px;  background:#fff; color:#000; font-size:1.1em; padding-left:2px}
#contactContent #right #basohContact .champ .textBlured {border:1px solid #868683;}
#contactContent #right #basohContact .champ .textFocused {border:1px solid #000;}
#contactContent #right #basohContact .champ select {float:left; width:234px; height:17px; border:1px solid #868683; background:#fff; color:#000; font-size:1.1em; padding-left:2px}
#contactContent #right #basohContact .champ input.text-restant {float:right; width:30px; height:15px; border:1px solid #868683; background:#fff; color:#000; font-size:1.1em; padding-left:3px; margin-right:8px}
#contactContent #right #basohContact .champ textarea {width:430px; height:200px; background:#fff; color:#000; font-size:1.1em; margin:5px 0px}
#contactContent #right #basohContact .champ .zone-radio {float:left; width:50px; height:16px; margin-top:5px; }
#contactContent #right #basohContact .champ .zone-radio input.btn-radio {background:#f2ecef; border:0px; width:10px; margin:0 5px}

#contactContent #right #basohContact .champ #log_res {float:left; width:432px; /*height:15px;*/ margin:5px 0 3px 0; }
#contactContent #right #basohContact .champ #log_res .error {padding:5px; text-transform:uppercase; font-weight:bold; font-size:1.1em; color: #CC3333; border:1px solid #CC3333; background:#FFF }
#contactContent #right #basohContact .champ #log_res .resultat {padding:5px; text-transform:uppercase; font-weight:bold; border:1px solid #FF6633; background:#FFF; font-size:1.1em; color:#FF6633}
#contactContent #right #basohContact .champ #log_res .ajax-loading {padding:20px 0; background: url(../images/ajax-loader_white1.gif) no-repeat center; }

#ppp {overflow:auto; padding:0px; /*width:498px;*/ width:100%;}

#contactContent #right #basohContact .champ .zone-chkbox {float:left; width:230px; padding:10px 0 5px 20px; }
#contactContent #right #basohContact .champ .zone-chkbox label {float:left; clear:both; width:100px;}
#contactContent #right #basohContact .champ .zone-chkbox input.chbox {background:#f2ecef; border:0px; width:11px; margin:0 5px;}
#contactContent #right #basohContact .champ .zone-chkbox input.chbox-input {width:229px; height:15px; border:1px solid #868683; background:#fff; color:#000; font-size:1.1em; margin-top:2px}
#contactContent #right #basohContact .champ-submit {text-align:right; padding:0 30px 10px 0; width:433px;}
#contactContent #right #basohContact .champ-submit .bouton-envoi {background-color:#868683; font-family:Arial, Helvetica, sans-serif; border:1px solid #fff; color:#FFF; font-size:1.0em; text-transform:uppercase; font-weight:bold; padding:0px 5px 2px 5px; height:18px; width:80px; cursor:pointer}
#contactContent #right #basohContact .champ-submit .bouton-envoi:hover {background-color:#000; color:#FFF;}

/* --- LINKS --- */
#linksContent {margin:15px 0 20px 50px; width:780px; border:1px solid #868683; text-align:left; overflow:hidden}
#linksContent h2 {font-size:2.0em; font-weight:normal; margin:10px 0 10px 15px}
#basohLinksContainer {width:700px; padding:0 0 20px 70px; }
#basohLinksContainer .linksBox {float:left; overflow:hidden; margin:7px 30px 0 0; width:320px; /*height:60px;*/ }
#basohLinksContainer .linksBox .leftPart {/*float:left;*/ width:315px; padding:2px 15px 2px 0px}
#basohLinksContainer .linksBox .leftPart h3 {font-size:1.7em; font-weight:normal; }
#basohLinksContainer .linksBox .leftPart h3 a { color:#666; text-decoration:none; }
#basohLinksContainer .linksBox .leftPart h3 a:hover {color:#000; text-decoration:none; }
#basohLinksContainer .linksBox .leftPart p {text-align:justify; font-size:1.1em; padding-top:3px}
#basohLinksContainer .linksBox .leftPart p.webLinks {text-align:right;}
#basohLinksContainer .linksBox .leftPart p.webLinks a {color:#666; text-decoration:none;}
#basohLinksContainer .linksBox .leftPart p.webLinks a:hover {color:#FFF; text-decoration:none;}
#basohLinksContainer .linksBox .rightPart {float:left; width:170px; display:none}
#basohLinksContainer .linksBox .rightPart img {border:1px solid #868683}
#basohLinksContainer .linksBox .rightPart img:hover {border:1px solid #FFF}

/* -- GALERY CONTENT -- */
#galeryContent {margin:15px 0 0px 0; padding-bottom:15px; overflow:hidden}
*html #galeryContent {margin:15px 0 0px 0; padding-bottom:0px; overflow:hidden}	/* BUG IE 6 */
#galeryContent #rightContent {float:right; text-align:right; width:205px; overflow:hidden/*height:600px;*/ /*background:lime*/}
#galeryContent #rightContent #console {margin:0px 10px 0 0}
#galeryContent #rightContent #console h3.normal {padding:2px 0px ; font-size:1.2em; font-weight:normal; text-transform:uppercase; text-align:center; color:#868683; background:#cdcdcd; margin:0 0 2px 0; /*width:190px;*/ border:1px solid #868683; }
#galeryContent #rightContent #console h3.toggler {padding:2px 0px ; font-size:1.2em; font-weight:normal; text-transform:uppercase; text-align:center; color:#FFF; background:#cdcdcd; cursor:pointer; margin:0 0 2px 0; /*width:190px;*/ border:1px solid #868683; }

#galeryContent #rightContent #console h3.toggler a {padding:0 10px; text-decoration:none; color:#868683; }
#galeryContent #rightContent #console h3.arrowImageDown {background:url(../images/spilldownDownWhite.gif) no-repeat; background-position:7px 50%; border:1px solid #FFF; }
#galeryContent #rightContent #console h3.arrowImageDownOFF {background:url(../images/spilldownDown.gif) no-repeat; background-position:7px 50%; border:1px solid #868683; }
#galeryContent #rightContent #console h3.arrowImageDownOFF a {color:#868683}
#galeryContent #rightContent #console h3.arrowImageDown a {color:#FFF}
#galeryContent #rightContent #console h3.arrowImageRight { background:url(../images/spilldownRight.gif) no-repeat; background-position:7px 50%}
#galeryContent #rightContent #console h3.toggler a:hover {color:#FFF}
#galeryContent #rightContent #console .accordeon {}
#galeryContent #rightContent #console .pagineur {line-height:20px; padding:2px 10px 0 0 ; overfow:hidden; background:transparent}

#galeryContent #rightContent #console .pagineur #navBtn {float:left; padding:0 0 0 15px}
#galeryContent #rightContent #console .pagineur #navBtn a {text-decoration:none; }
#galeryContent #rightContent #console .pagineur #navBtn a.smoothbox {color:#868683; padding:0 16px 0 13px}
#galeryContent #rightContent #console .pagineur #navBtn a:hover.smoothbox {color:#FFF;}
#galeryContent #rightContent #console .pagineur #navBtn a.btnPrev {padding:9px; background:url(../images/BtnDiapoPrevOFF.png) no-repeat; background-position:0% 50%}
* html #galeryContent #rightContent #console .pagineur #navBtn a.btnPrev {padding:9px; background:url(../images/BtnDiapoPrevOFF.gif) no-repeat; background-position:0% 50%}
#galeryContent #rightContent #console .pagineur #navBtn a:hover.btnPrev { background:url(../images/BtnDiapoPrevON.png) no-repeat; background-position:0% 50%}
* html #galeryContent #rightContent #console .pagineur #navBtn a:hover.btnPrev { background:url(../images/BtnDiapoPrevON.gif) no-repeat; background-position:0% 50%}
#galeryContent #rightContent #console .pagineur #navBtn a.btnNext {padding:9px; background:url(../images/BtnDiapoNextOFF.png) no-repeat; background-position:0% 50%}
* html #galeryContent #rightContent #console .pagineur #navBtn a.btnNext {padding:9px; background:url(../images/BtnDiapoNextOFF.gif) no-repeat; background-position:0% 50%}
#galeryContent #rightContent #console .pagineur #navBtn a:hover.btnNext {background:url(../images/BtnDiapoNextON.png) no-repeat; background-position:0% 50%}
* html #galeryContent #rightContent #console .pagineur #navBtn a:hover.btnNext {background:url(../images/BtnDiapoNextON.gif) no-repeat; background-position:0% 50%}

#galeryContent #rightContent #console .pagineur a.pageOn {margin-right:2px; padding:2px; text-decoration:none; font-size:1.0em; color:#EFEFEF; border:1px solid #FFF}
#galeryContent #rightContent #console .pagineur a:hover.pageOn {color:#EFEFEF; border:1px solid #FFF}
#galeryContent #rightContent #console .pagineur a.pageOff {margin-right:2px; padding:2px; text-decoration:none; font-size:1.0em; color:#666; border:1px solid #666}
#galeryContent #rightContent #console .pagineur a:hover.pageOff {color:#FFF; border:1px solid #FFF}

/* -- THUMBS -- */
#console ul.thumbs {height:300px; padding-left:7px}
#console ul.thumbs li {list-style:none; display:inline; }
#console ul.thumbs li a:link img, #console ul.thumbs li a:visited img {
	float:left;
	margin:5px 0 0 5px;
	border:2px solid #FFF;
	filter: alpha(opacity=10); /* IE */
	-moz-opacity: 0.1; /* Mozilla */
	/*opacity: 0.1;*/ /* css3 */
	-khtml-opacity: 1; /* Safari */
}
#console ul.thumbs li a:hover img, #console ul.thumbs li a:active img {
	border:2px solid #FFF;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	/*opacity: 1;*/
	-khtml-opacity: 1;	/* Pb avec SAFARI !!! */
} 
#console ul.thumbs li a.thumbOn img {border:2px solid #FFF; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1;}
#console ul.thumbs li a.thumbOff img {}
#console ul.thumbs li h4 {display:none}
#console ul.thumbs li p {display:none}
#console ul.thumbs li h6 {display:none}

/* -- GALERIES -- */
#console ul.galeries {/*width:187px;*/ margin:5px 5px 0 0; text-align:right; border-right:2px solid #868683; }
#console ul.galeries li {list-style:none; padding-right:5px}
#console ul.galeries li.activeGal a {color:#FFF}
#console ul.galeries li a {text-decoration:none; text-transform:uppercase; font-size:1.1em; font-weight:normal; color:#000;}
#console ul.galeries li a:hover {text-decoration:none; color: #FFF;}

#galeryContent #leftContent {float:right; width:620px; margin:0 15px 0 0; overflow:hidden; /*height:400px;*/ /*background:pink*/}
#galeryContent #leftContent img {border:1px solid #868683; margin-bottom:10px}
#galeryContent #leftContent img:hover {border:1px solid #FFF}
#lightboxGalery {display:none}

/* == HOME GALERY == */
#galeryContent #leftContent #homeGalery {width:585px; margin:0px 0 20px 32px; border:1px solid #868683; text-align:left; overflow:auto}
#galeryContent #leftContent #homeGalery .galeryIcon {float:right; padding:15px 8px 0 0; overflow:hidden}
#galeryContent #leftContent #homeGalery .galeryIcon a img {border:1px solid #666}
#galeryContent #leftContent #homeGalery .galeryIcon a:hover img {border:1px solid #FFF}
#galeryContent #leftContent #homeGalery .infos {width:340px;}
#galeryContent #leftContent #homeGalery .infos h2 {font-size:2.0em; font-weight:normal; margin:10px 0 10px 15px}
#galeryContent #leftContent #homeGalery .infos h2 a {color:#000; text-decoration:none}
#galeryContent #leftContent #homeGalery .infos h2 a:hover, #galeryContent #leftContent #homeGalery .infos h2 a:visited {color:#868683;}
#galeryContent #leftContent #homeGalery .infos p {font-size:1.1em; text-align:justify;  margin:10px 0 10px 15px}
#galeryContent #leftContent #homeGalery .infos h4 {font-size:1.0em; text-transform:uppercase; font-weight:normal; text-align:justify;}
#galeryContent #leftContent #homeGalery .infos h4 a {display:block;  background:url(../images/spilldownRight.png) no-repeat; background-position:0% 40%; padding:0 0 0 12px; margin:20px 0 10px 198px; color:#868683; text-decoration:none;}
* html #galeryContent #leftContent #homeGalery .infos h4 a {background:url(../images/spilldownRight.gif) no-repeat; background-position:0% 40%;  } /* IE6 */
#galeryContent #leftContent #homeGalery .infos h4 a:hover {background:url(../images/spilldownRight_ON.png) no-repeat; background-position:2% 40%; text-decoration:none; color:#FFF;}
* html #galeryContent #leftContent #homeGalery .infos h4 a:hover {background:url(../images/spilldownRight_ON.gif) no-repeat; background-position:2% 40%;}	/* IE6 */


/* -- Image Horizontale -- */
#horizontalPicture {}
#horizontalPicture table {width:620px; text-align:center; }
#horizontalPicture td.picture {padding-top:20px; text-align:center}
#horizontalPicture td.infos {text-align:left}
#horizontalPicture td.infos h2 {font-size:1.7em; text-align:left; padding:2px 10px 2px 57px}
#horizontalPicture td.infos p {font-size:1.0em; text-align:justify; padding:0 57px 0px 57px}

/* -- Image Carrée -- */
#squarePicture {}
#squarePicture table {width:620px; text-align:center;}
#squarePicture td.picture {text-align:center}
#squarePicture td.infos {text-align:left}
#squarePicture td.infos h2 {font-size:1.7em; text-align:left; padding:2px 10px 2px 57px}
#squarePicture td.infos p {font-size:1.0em; text-align:justify; padding:0 57px 0px 57px}

/* -- Image Verticale -- */
#verticalPicture {}
#verticalPicture table {width:620px; text-align:center;}
#verticalPicture td.picture {text-align:center}
#verticalPicture td.infos {text-align:left}
#verticalPicture td.infos h2 {font-size:1.7em; padding:2px 10px}
#verticalPicture td.infos p {font-size:1.0em; text-align:justify; padding:0 10px}


/* == HOME PHOTOGRAPHE == */
#photographeContent {margin:15px 0 20px 50px; width:780px; border:1px solid #868683; text-align:left; overflow:hidden}
#photographeContent #left {float:left; width:450px; }
#photographeContent #left .floatPart {width:412px}
#photographeContent #left h2 {font-size:2.0em; font-weight:normal; margin:10px 0 10px 15px}
#photographeContent #left img {margin:5px 0 10px 15px; /*width:400px*/}
#photographeContent #left a img {border:1px solid #666}
#photographeContent #left a:hover img {border:1px solid #000}
#photographeContent #left .contact {float:right; margin:15px 0 0px 20px; padding-bottom:10px; background:url(../images/mozilla-mail-icon-16.png) no-repeat; background-position:0% 60%; padding:0 0 0 20px}
* html #photographeContent #left .contact {background:url(../images/mozilla-mail-icon-16.gif) no-repeat;} /* IE */
#photographeContent #left .bioLink {float:right; margin:15px 0 0px 20px; padding-bottom:10px;}
#photographeContent #left a {color:#666; text-decoration:none}
#photographeContent #left a:hover {color:#000; text-decoration:none}
#photographeContent #left #bioBox {padding:0px 0 15px 15px; width:400px; }
#photographeContent #left #bioBox p {margin:0; padding:0; font-size:1.1em; }
#photographeContent #left #bioBox p.paraBloc {text-align:justify; margin:5px 0 5px 0px}


#photographeContent #right {float:left; width:315px; padding:7px 0 5px 15px}
#photographeContent #motioncontainer {/*height:320px;*/  /*position:relative;*/}
#photographeContent #motioncontainer #motiongallery {}
#photographeContent #motioncontainer #motiongallery .cartouche {clear:both; width:298px; height:90px; padding:4px 3px 1px 4px; overflow:hidden; border:1px solid #868683; margin:5px 0; }
#photographeContent #motioncontainer #motiongallery .cartouche:hover {border:1px solid #FFF}
#photographeContent #motioncontainer #motiongallery .cartouche a {color:#666; text-decoration:none; cursor:pointer}
#photographeContent #motioncontainer #motiongallery .cartouche a:hover {color:#000; }
#photographeContent #motioncontainer #motiongallery .cartouche .mini {float:left; width:128px; height:88px; /*background:#cdcdcd*/}
#photographeContent #motioncontainer #motiongallery .cartouche .mini img {/*padding:2px;*/ border:2px solid #FFF; height:83px}
#photographeContent #motioncontainer #motiongallery .cartouche .infos {float:left; width:165px; text-align:left}
#photographeContent #motioncontainer #motiongallery .cartouche .infos h3 {font-size:1.5em; font-weight:normal; margin:0px 0 2px 5px; text-transform:capitalize}
#photographeContent #motioncontainer #motiongallery .cartouche .infos h4 {font-size:1.1em; font-weight:normal; margin:0px 0 2px 5px; font-style:italic}
#photographeContent #motioncontainer #motiongallery .cartouche .infos p {font-size:1.0em; margin:0px 0 0px 5px; text-align:left; line-height:12px}
#statusdiv{position: absolute; padding: 2px; left: -300px; background-color: lightyellow; border: 1px solid gray; visibility: hidden;}

/* == ARCHIVES (idem galeries) == */
#archivesContent {margin:15px 0 20px 50px; width:780px; border:1px solid #868683; text-align:left; overflow:hidden}
#archivesContent h2 {font-size:2.0em; font-weight:normal; margin:10px 0 10px 15px}
#archivesContent #cartoucheContainer {width:670px; padding:0 0 20px 80px; }
#archivesContent #cartoucheContainer .cartoucheLine {/*clear:both;*/  }
#archivesContent #cartoucheContainer .cartouche {float:left; width:298px; height:90px; padding:4px 3px 1px 4px; overflow:hidden; border:1px solid #868683; margin:5px 20px 5px 0; }
#archivesContent #cartoucheContainer .cartouche:hover {border:1px solid #FFF}
#archivesContent #cartoucheContainer .cartouche a {color:#666; text-decoration:none; cursor:pointer}
#archivesContent #cartoucheContainer .cartouche a:hover {color:#000; }
#archivesContent #cartoucheContainer .cartouche .mini {float:left; width:128px; height:88px; /*background:#cdcdcd*/}
#archivesContent #cartoucheContainer .cartouche .mini img {/*padding:2px;*/ border:2px solid #FFF; height:83px}
#archivesContent #cartoucheContainer .cartouche .infos {float:left; width:165px; text-align:left}
#archivesContent #cartoucheContainer .cartouche .infos h3 {font-size:1.5em; font-weight:normal; margin:0px 0 2px 5px}
#archivesContent #cartoucheContainer .cartouche .infos span {font-size:0.7em; font-weight:normal; padding-left:5px}
#archivesContent #cartoucheContainer .cartouche .infos h4 {font-size:1.1em; font-weight:normal; margin:0px 0 2px 5px; font-style:italic}
#archivesContent #cartoucheContainer .cartouche .infos p {font-size:1.0em; margin:0px 0 0px 5px;  text-align:left; line-height:12px}
#archivesContent #cartoucheContainer .cartouche .infos p.author {font-size:1.0em; margin:0px 0 3px 5px;  text-align:left; line-height:12px}

/* -- FOOTER -- */
#footer {text-align:right; padding:5px 12px 0px 0; height:16px; overflow:hidden;}
#footer ul{text-transform:uppercase; font-family:"Trebuchet MS"; font-size:1.0em; color:#000}
#footer li{display:inline; list-style-type:none;}
#footer li a {color:#000; text-decoration:none; padding:0px 3px 0px 3px;}
#footer li a:visited {color:#000}
#footer li a:hover, #footer li a:active {color:#FFF; text-decoration:underline}
#footer li a.page-active {color:#000; text-decoration:underline;  }	/* Soulignement du lien actif */

/* ================ LINKS ===========================*/
#web-links {margin:0px; width:170px; height:1px; overflow:hidden; color:#000; font-size:9px; visibility: hidden;}
#web-links ul {margin:0px; padding:0px; list-style-type:none; }
#web-links li {display:inline}
#web-links ul li a:link, #web-links ul li a:visited, #web-links ul li a:hover, #web-links ul li a:active { color:#000; text-decoration:none; font-weight:normal; cursor: default}

/* PHPmV2 */
#phpmv2 {display:none}