/*** mémo couleurs ***
vert  #c0ba08 typo vert Olive #8e8a05
bleu  #15b5d1
rouge #c5502f
**** ends couleurs ***/

body {
	background : #fff;
	font-family: Arial, Helvetica, sans-serif;
	color      : #6c6c6c;
	margin     : 20px 0 0 0;
	padding    : 0;
	text-align : center;
	font-size  : 11px;
}
/*as usual*/
table { border-collapse: collapse; }
form, fieldset {
	margin : 0;
	padding: 0;
	border : 0;
}
ul, ul li, dl, dt, dd {
	margin         : 0;
	padding        : 0;
	list-style-type: none;
}
img { border: 0; }
.pdfdm { clear: both; font-size: 1px; line-height: 1px; }
a, object { outline: 0; }
.rt {
	position: absolute;
	left    : -10000px;
}
/***** et ch'tiont parti *****/

/*** on colle tout ça dans un petit truc centré ***/
#main {
	margin    : 0 auto;
	padding   : 0 0 30px 0;
	width     : 940px;
	text-align: left;
	position  : relative;
}

/*** header ***/
#header {
	width   : 940px;
	height  : 182px;
	float   : left;
	overflow: visible;
}
.web #header { height: 200px; }
.memo #header {
	background: url(/img/headerMemoBg.gif) left top no-repeat;
}
.web #header {
	background: url(/img/headerWebBg.gif) left top no-repeat;
}
#zoneLogo {
	float  : left;
	width  : 268px;
	padding: 38px 0 0 26px;
}
#headerRight {
	float : left;
	width : 646px;
	height: 182px;
}
#zoneNews {
	float   : left;
	height  : 133px;
	width   : 466px;
	padding : 0 130px 0 0;
	position: relative;
}
.memo .zoneNews a {
	color: #8e8a05;
}
.web .zoneNews a {
	color: #15b5d1;
}
.uneHomeNews {
	position: absolute;
	left    : 0;
	top     : 35px;
	width   : 466px;
	height  : 110px;
}
p.news {
	font-size   : 23px;
	line-height : 23px;
	margin      : 0 0 13px 0;
	padding     : 0 0 0 22px;
	font-weight : bold;
}
.memo p.news {
	color: #c0ba08;
	background: url(/img/puceNewsMemo.gif) left 7px no-repeat;
}
.web p.news {
	color: #15b5d1;
	background: url(/img/puceNewsWeb.gif) left 7px no-repeat;
}
p.newsTitre {
	font-size: 12px;
	margin   : 0;
}
#ziVideo p.newsPTitre {
	font-size: 12px;
	margin   : 5px 0;
}
#ziVideo p.newsPTitre em {
	font-size: 11px;
}
.memo p.newsTitre,
#ziVideo p.newsPTitre {
	color: #8e8a05;
}
.web p.newsTitre {
	color: #15b5d1;
}
p.newsTitre.accTitre { cursor: pointer; }
.newsContent p {
	margin: 0 0 8px 0;
}
.memo .newsContent a {
	color: #8e8a05;
}
.homeNews {
	color    : #6c6c6c;
	font-size: 11px;
	margin   : 0;
}
.homeNewsLinks {
	margin: 5px 0 0 0;
}
a.newsSuite {
	color          : #8e8a05;
	padding-left   : 14px;
	background     : url(/img/memoNewsLink.gif) left 2px no-repeat;
	text-decoration: none;
	margin-right   : 12px;
}
.web a.newsSuite {
	color          : #15b5d1;
	background     : url(/img/webNewsLink.gif) left 2px no-repeat;
}
a.newsSuite:hover {
	text-decoration: underline;
}
#langSwitch {
	float      : left;
	width      : 48px;
	height     : 50px;
	font-size  : 16px;
	font-weight: bold;
}
.memo #langSwitch,
.memo #langSwitch a {
	color          : #c0ba08;
	text-decoration: none;
}
.web #langSwitch,
.web #langSwitch a {
	color          : #15b5d1;
	text-decoration: none;
}
#zoneTopMenu {
	width   : 646px;
	height  : 23px;
	padding : 8px 0 6px 0;
	clear   : both;
	position: relative;
}
#zoneArianne {
	width    : 646px;
	height   : 12px;
	font-size: 10px;
}
#homeLast {
	width      : 432px;
	font-size  : 12px;
	text-align : center;
	padding-top: 10px;
}
#homeLast a {
	color : #666;
}
#zoneArianne.arianneMemo {
	color: #8e8a05;
}
#zoneArianne.arianneMemo a {
	color          : #8e8a05;
	text-decoration: none;
}
#rubTitre {
	width      : 565px;
	height     : 23px;
	font-size  : 20px;
	font-weight: bold;
	float      : left;
}
#rubTitre a {
	float          : right;
	color          : white;
	text-decoration: none;
	background     : url(/img/footerArrow.gif) left center no-repeat;
	padding        : 0 0 0 14px;
	margin         : 1px 10px 0 0;
	font-size      : 16px;
}
.menuAnim,
#topbaselink {
	width      : 563px;
	position   : absolute;
	right      : 83px;
	top        : 8px;
	height     : 23px;
	overflow   : hidden;
	font-size  : 20px;
	font-weight: bold;
	z-index    : 2;
	text-align : right;
}
.menuAnim {
	width     : 17px;
	padding   : 0 0 0 6px;
	text-align: left;
}


#rubTitre h1 {
	font-size : 20px;
	margin    : 0;
	padding   : 0 4px;
	height    : 23px;
	background: white;
	float     : left;
}
.menuAnim a,
#topbaselink a {
	font-size      : 18px;
	color          : white;
	text-align     : left;
	text-decoration: none;
	display        : block;
	padding        : 0 5px 0 17px;
	width          : 288px;
	background     : url(/img/footerArrow.gif) left center no-repeat;
	float          : right;
}
.menuAnim a {
	width     : 150px;
	padding   : 0 5px 0 17px;
	text-align: left;
	background: url(/img/footerArrow.gif) left center no-repeat;
	float     : none;
}
.menuAnim#maWeb a {
	width: 180px;
}
.menuAnim#maMemos {
	background: #c0ba08;
	right     : 56px;
}
.menuAnim#maMemosLight {
	background: #c5502f;
	right     : 29px;
}
.menuAnim#maWeb {
	background: #15b5d1;
	right     : 2px;
}
.menuAnim#maMemos a {
	background: url(/img/menuMemo.png) left center no-repeat;
}
.menuAnim#maMemosLight a {
	background: url(/img/menuLight.png) left center no-repeat;
}
.menuAnim#maWeb a {
	background: url(/img/menuWeb.png) left center no-repeat;
}
#rubTitre.rubMemo h1 {
	color: #c0ba08;
}
#rubTitre.rubWeb h1 {
	color: #15b5d1;
}
#puceMenu {
	float: left;
}
#puceMenu li {
	display: block;
	float  : left;
	margin : 0;
	padding: 0;
}


/*** ends header ***/

/*** contenu principal ***/
#centerContent {
	margin    : 40px 0 10px 0;
	float     : left;
	width     : 940px;
	min-height: 424px;
	height    : auto !important;
	height    : 424px;
}
#listClients {
	width     : 185px;
	padding   : 22px 0 0 88px;
	float     : left;
	text-align: right;
}
#ziVideo {
	width     : 434px;
	float     : left;
	padding   : 0 24px;
	min-height: 424px;
	height    : auto !important;
	height    : 424px;
}
#videoConteneur {
	width : 432px;
	float : left;
}
#ziVideoBlah,
#ziVideoBlahClient,
#ziVideoBlahThem {
	margin      : 33px 0 20px 0;
	width       : 414px;
	padding-left: 17px;
	float       : left;
}
#ziVideoBlah h2 {
	font-size  : 26px;
	line-height: 29px;
	margin     : 0;
}
#ziVideoBlahClient h2 {
	font-size  : 24px;
	line-height: 26px;
	margin     : 0;
}
#ziVideoBlahThem h2 {
	font-size  : 24px;
	line-height: 26px;
	margin     : 0 0 10px 0;
}
#ziVideoBlah h3 {
	font-size  : 17px;
	line-height: 19px;
	margin     : 0 0 10px 0;
}
#ziVideoBlahClient h3,
#ziVideoBlahThem h3 {
	font-size  : 15px;
	line-height: 17px;
	margin     : 0 0 10px 0;
}
#clientVideoTopLeft {
	float: left;
	width: 260px;
}
#clientVideoTopLeft h4 {
	font-size  : 12px;
	font-weight: bold;
	margin     : 0 0 8px 0;
}
#themVideoTopRight {
	float: left;
	width: 260px;
}
#themVideoTopRight h3 {
	margin: 0 0 2px 0;
}
#themVideoTopRight h4 {
	font-size: 12px;
	margin   : 0 0 2px 0;
}
#ziVideoBlahClient #logoDiv,
#ziVideoBlahThem #logoDiv {
	float  : right;
	padding: 0;
	margin : 5px 8px 5px 0;
}

#ziVideoBlah #blah,
#ziVideoBlahClient #blah,
#ziVideoBlahThem #blah {
	width : 414px;
	float : left;
	margin: 10px 0 0 0;
}
#ziVideoBlah #blah p,
#ziVideoBlahClient #blah p,
#ziVideoBlahThem #blah p {
	margin: 0 0 8px 0;
}
.memo #ziVideoBlah #blah p a,
.memo #ziVideoBlahClient #blah p a,
.memo #ziVideoBlahThem #blah p a {
	color: #8e8a05;
}
.memoSsTitre {
	margin: 0;
	color : #8e8a05;
}
.unMemoLight {
	margin: 3px 0;
}
.unMemoLight a {
	display        : block;
	width          : 80px;
	text-align     : center;
	background     : #c54e30;
	color          : #fff;
	font-size      : 11px;
	font-weight    : bold;
	padding        : 1px 3px;
	text-decoration: none;
}
.unMemoLight a:hover {
	text-decoration: underline;
}
.memo #ziVideoBlah,
.memo #ziVideoBlahClient {
	border-left: 1px solid #c0ba08;
}
.memo #ziVideoBlahThem {
	border-left: 1px solid #c0ba08;
	text-align : left;
	padding    : 0 0 0 17px;
}
.memo h3, .memo h2, .memo h4 { color: #c0ba08; }
.memo #blah { color: #6c6b53; }

#listThem {
	width      : 185px;
	float      : left;
	padding-top: 22px;
}
#adminMenu p,
.memo #listClients,
.memo #listThem {
	color: #c0ba08;
}
#adminMenu p,
#listClients p, 
#listThem p {
	margin        : 0 0 12px 0;
	font-size     : 17px;
	text-transform: uppercase;
	font-weight   : bold;
}
#adminMenu p,
.memo #listClients p,
.memo #listThem p {
	border-top   : 1px dotted #c0ba08;
	border-bottom: 1px dotted #c0ba08;
}
.memo #listClients a,
.memo #listThem a {
	display        : block;
	padding        : 1px 0;
	width          : 185px;
	color          : #c0ba08;
	text-decoration: none;
}
#adminMenu a:hover,
#listClients a.selectItem,
#listThem a.selectItem  {
	color: #ffffff;
}
#adminMenu a:hover,
.memo #listClients a.selectItem,
.memo #listThem a.selectItem  {
	background-color: #c0ba08;
}
#adminMenu li,
#listClients li,
#listThem li {
	margin   : 0 0 1px 0;
	font-size: 12px;
}

/* listes de vidéos */
#ziVideoList {
	width  : 432px;
	float  : left;
	padding: 0;
}
.memo #ziVideoList {
	background: #c0ba08;
}
#videoListTop {
	width : 432px;
	height: 20px;
	float : left;
}
#videoListBottom {
	width : 432px;
	height: 22px;
	float : left;
}
.memo #videoListTop {
	background: url(/img/listMemosTop.gif) left top no-repeat;
}
.memo #videoListBottom {
	background: url(/img/listMemosBottom.gif) left top no-repeat;
}
#listVHead {
	width  : 376px;
	padding: 0 28px;
	float  : left;
}
#listVHeadDerniere {
	width  : 500px;
	padding: 0 28px;
	float  : left;
}
#listVHead h2 {
	color      : white;
	margin     : 0 0 8px 0;
	font-size  : 22px;
	line-height: 25px;
}
#listVHeadDerniere h2 {
	color      : white;
	margin     : 0 0 8px 0;
	font-size  : 22px;
	line-height: 25px;
}
#listVHead h2.listClientHead {
	float: left;
	width: 200px;
}
#listVHead #logoDiv {
	float       : right;
	padding     : 0 8px;
	margin      : 5px 8px 5px 0;
	border-left : 1px solid white;
	border-right: 1px solid white;
}
#listVblah {
	width: 376px;
	float: left;
}
.uneVideo {
	float  : left;
	width  : 392px;
	padding: 8px 20px;
	color  : #fff;
	margin : 3px 0;
}
.uneVideo p {
	margin     : 0 0 2px 0;
	line-height: 12px;
}
.uneVideo p.listVtitre {
	color: #555;
}
.uneVideo .uneVideoVign {
	width: 144px;
	float: left;
}
.uneVideo .uneVideoBlah {
	width       : 238px;
	padding-left: 10px;
	float       : left;
	position    : relative;
}
.uneVideoBlah .lightspan {
	position       : absolute;
	right          : 0;
	top            : 0;
	background     : #c54e30;
	color          : #fff;
	font-size      : 11px;
	font-weight    : bold;
	padding        : 1px 3px;
	text-decoration: none;
}
.uneVideoBlah .lightspan:hover {
	text-decoration: underline;
}
.memo .uneVideo {
	background: #b2ad07;
}
.memoVoir {
	display        : block;
	color          : white;
	text-decoration: none;
	font-size      : 12px;
	font-weight    : bold;
	padding-left   : 14px;
	background     : url(/img/listMemosVoir.gif) left 2px no-repeat;
}
.listPagination {
	float    : right;
	margin   : 2px 20px 0 0;
	font-size: 12px;
}
.listPagination li {
	color  : #555;
	display: block;
	float  : left;
	margin : 0 0 0 3px;
}
.listPagination a {
	color          : #555;
	text-decoration: none;
}
.listPagination a.selectPage {
	color      : #fff;
	font-weight: bold;
}
.listPagination a:hover {
	color: #fff;
}
/** pages utiles - tout savoir, contact, mentions... **/
/* tout savoir */
.utilTitre {
	font-size  : 40px;
	line-height: 44px;
	margin     : 0 0 6px 0;
}
.uneFaq {
	width: 400px;
	float: left;
}
.uneFaq h3 {
	font-size   : 14px;
	margin      : 0;
	padding-left: 15px;
}
.memo .uneFaq h3 {
	background: url(/img/memoArrow.gif) left 3px no-repeat;
}
.uneFaq p {
	margin: 0 0 5px 0;
}
.memo .uneFaq a {
	color: #8e8a05;
}
.faqSepar {
	width      : 400px;
	float      : left;
	height     : 2px;
	font-size  : 1px;
	line-height: 1px;
	margin     : 10px 0 12px 0;
}
.memo .faqSepar {
	border-bottom: 1px dotted #c0ba08;
}
/** contact **/
#ziContact {
	width     : 350px;
	float     : left;
	padding   : 0 24px;
	min-height: 424px;
	height    : auto !important;
	height    : 424px;
}
#listContact {
	width      : 235px;
	float      : left;
	padding-top: 22px;
}
#siege, #bureau {
	float  : left;
	width  : 200px;
	padding: 0 7px 0 35px;
	margin : 0 0 20px 0;
}
#siege a, #bureau a {
	font-size   : 12px;
	padding-left: 14px;
}
#siege a:hover, #bureau a:hover {
	text-decoration: none;
}
.memo #siege, .memo #bureau {
	background: url(/img/memoContactBg.gif) left top no-repeat;
}
.memo #siege a, .memo #bureau a {
	color     : #c0ba08;
	background: url(/img/memoNewsLink.gif) left 4px no-repeat;
}

#siege h2, #bureau h2 {
	margin     : 0 0 12px 0;
	font-size  : 22px;
	font-weight: normal;
	line-height: 24px;
}
#siege p, #bureau p {
	margin: 0 0 10px 0;
}
#contactDl dd {
	margin: 0 0 5px 0;
}
.submit {
	color    : white;
	font-size: 11px;
	padding  : 2px 12px;
}
.memo .submit {
	border    : 2px outset #c0ba08;
	background: #c0ba08;
}

.contactTxtInput, textarea {
	width: 300px;
}
.memo .contactTxtInput, textarea {
	border: 1px solid #c0ba08;
}
.memo .champErr { border: 1px solid red; }
/** plan d'acces **/
#ziPlan {
	width     : 350px;
	float     : left;
	padding   : 0 24px;
	min-height: 424px;
	height    : auto !important;
	height    : 424px;
}
#ziPlan h2 {
	margin: 0 0 15px 0;
}
#ziPlan p {
	margin: 5px 0;
}
.memo #ziPlan a {
	color: #c0ba08;
	
}
#printAccessp {
	width     : 600px;
	text-align: right;
}
/** credits, mentions légales **/
#ziCredits {
	width     : 500px;
	float     : left;
	padding   : 0 24px;
	min-height: 424px;
	height    : auto !important;
	height    : 424px;
}
#ziCredits h2 {
	margin: 0 0 15px 0;
}
#ziCredits p {
	margin: 0 0 12px 0;
}
.memo #ziCredits strong {
	color: #c0ba08;
	
}
/*** ends contenu principal ***/

/*** footer ***/
#footer {
	width        : 880px;
	padding-right: 60px;
	height       : 46px;
	font-size    : 16px;
	font-weight  : bold;
	margin       : 0 auto;
	overflow     : hidden;
}
.memo #footer {
	background: url(/img/footerMemoBg.gif) left top no-repeat;
}
.web #footer {
	background: url(/img/footerWebBg.gif) left top no-repeat;
}
#footerLinks {
	float     : right;
	margin-top: 1px;
}
#footerLinks li {
	display     : block;
	float       : left;
	margin      : 0 30px 0 0;
	padding-left: 15px;
	background  : url(/img/footerArrow.gif) left center no-repeat;
}
#footer a {
	color          : white;
	text-decoration: none;
}
/*** ends footer ***/

/* erreur 404 */
.backHome {
	margin   : 15px 0;
	font-size: 12px;
	color    : #8e8a05
}
.backHome a {
	color: #8e8a05
}

/* -- video modale -- */
#vPopmask {
	background: #000;
	cursor    : pointer;
}
#vPopin {
	border-style : solid;
	border-color : white;
}
#vPopclose {
	display   : block;
	background: url(/img/vidClose.png) no-repeat left top;
	color     : #fff;
}

/* page web/mood */
#realisations {
	width     : 940;
}
#realBottom {
	margin    : 0 auto;
	clear     : both;
	width     : 644px;
	height    : 170px;
	background: url(/img/headBg.png) no-repeat 1px top;
}
.uneReal {
	width     : 940px;
	height    : 345px;
	clear     : both;
	margin    : 0 auto;
	background: url(/img/realBg.gif) no-repeat left 175px;
}
.uneReal.altr {

}
#webPresent {
	width  : 543px;
	padding: 0 0 0 199px;
	float  : left;
	margin : 0 0 12px 0;
}
/* -- les carrousels -- */
.realLeft {
	float     : left;
	width     : 150px;
	height    : 191px;
	padding   : 153px 49px 0 0;
	text-align: left;
}
.realLeft a {
	color   : #15b5d1;
}
.realLeft h2 {
	font-weight: normal;
	color      : #15b5d1;
}
.realimgWrap {
	float   : left;
	width   : 543px;
	height  : 345px;
	position: relative;
	overflow: hidden;
}
.realimg {
	position: relative;
	left    : 0;
	top     : 0;
	height  : 345px;
	width   : 543px;
	overflow: hidden;
}
.realimg img {
	position: absolute;
	left    : 0;
	top     : 0;
}
.animButts {
	position  : absolute;
	top       : 0;
	left      : 0;
	z-index   : 20;
	height    : 345px;
	width     : 543px;
	background: url(/img/transp.gif); /*pour que cette burne de ie "voit" le fond...*/
}
.leftArrow {
	float     : left;
	width     : 250px;
	height    : 345px;
	background: url(/img/leftArrow.png) no-repeat left top;
}
.rightArrow {
	float     : right;
	width     : 250px;
	height    : 345px;
	background: url(/img/rightArrow.png) no-repeat right top;
}
.realRight {
	float  : left;
	width  : 137px;
	height : 178px;
	padding: 167px 0 0 61px;
}
ul.carrouPicto {
	height: 14px;
	width : 137px;
}
ul.carrouPicto li {
	display: block;
	float  : left;
	height : 14px;
	width  : 14px;
	margin : 0 3px 0 0;
}
ul.carrouPicto a {
	display   : block;
	width     : 14px;
	height    : 14px;
	background: url(/img/itemPicto.png) no-repeat left top;
}
ul.carrouPicto a.selectPicto,
ul.carrouPicto a:hover {
	background: url(/img/itemPicto.png) no-repeat left bottom;
}
.cText {
	padding   : 16px 0 0 0;
	text-align: left;
	position  : absolute;
	left      : -10000px;
}
.cText.selText {
	position  : relative;
	left      : 0;
}
.realLeft h2,
.bLeft h2 {
	font-size     : 14px;
	text-transform: uppercase;
}
.realLeft ul {
	margin: 15px 0 0 0;
}
.realLeft ul a:hover {
	text-decoration: none;
}

/*** mémo couleurs ***
vert  #c0ba08 typo vert Olive #8e8a05
bleu  #15b5d1
rouge #c5502f
**** ends couleurs ***/

/***** et c'est fini *****/