body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.65em;
	background: url(../images/backgrounds/concrete_bg2.jpg) fixed top left;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img.Lfloat {
	float: left;
	margin: 12px 0 0 5px;
	padding-top: 30px;
}

img.LfloatM {
	float: left;
	margin: 12px 0 0 5px;
	padding-top: 12px;
}

a {
	color: #ff0000;
}

/* clear class */
.clear {
  clear: both;
}

/* loader class */
.loading {
  background: url('/library/images/interface/loader.gif') no-repeat top right;
  min-height: 50px;
}

/*main page container---------------------------------------------*/

#wrapper {
	width: 100%;
	/*float: left;*/
	padding-bottom: 100px;
}

/*container de ligne de BG*/
#lineBG {
	/*float: left;
	width: 100%;*/
	width: 968px;
	margin: 0 auto;
	float: none;
}

/* create a big empty red box after main nav */
.red-box-placeholder {
  clear: both;
  background-color: #ee1c24;
  height: 322px;
  margin-bottom: 15px;
  z-index: -1;	
}

/*background section select---------------------------------------*/

/*video popup*/
body#popup,
body#intro {
	background: none;
	background-color: #000;
}


/*homepage*/
body#homepage #lineBG {
	background: url(../images/backgrounds/ligne/turquoise_ligne.gif) no-repeat left bottom;
}

/*page visiter cabine C*/
body#visiter #lineBG {
	background: url(../images/backgrounds/ligne/bleu_ligne_test.gif) no-repeat left bottom;
}

/*page rencontrer*/
body#rencontrer #lineBG {
	background: url(../images/backgrounds/ligne/bleu_ligne_test.gif) no-repeat left bottom;
}

/*page public*/
body#public #lineBG,
body#public_comments #lineBG {
	background: url(../images/backgrounds/ligne/jaune_ligne.gif) no-repeat left bottom;
}

/*page entrevue CC*/
body#entrevue #lineBG {
	background: url(../images/backgrounds/ligne/jaune_ligne.gif) no-repeat left bottom;
}


/*page participer, profil*/
body#partager #lineBG,
body#profil #lineBG,
body#moteurs #lineBG {
	background: url(../images/backgrounds/ligne/jaune_ligne.gif) no-repeat left bottom;
}


/*page contact*/
body#contact #lineBG {
	background: url(../images/backgrounds/ligne/turquoise_ligne.gif) no-repeat left bottom;
}

/*page search results*/
body#searchresults #lineBG {
	background: url(../images/backgrounds/ligne/turquoise_ligne.gif) no-repeat left bottom;
}

/*page 15 moteurs*/
body#quinze_moteurs #lineBG {
	background: url(../images/backgrounds/ligne/turquoise_ligne.gif) no-repeat left bottom;
}

/*Flash Header container------------------------------------------*/

body #top {
	float: left;
	width: 100%;
	background: url(../images/backgrounds/top_beige_bg.gif) repeat top left;
}

/*pas de padding bottom pour les pages: accueil et entrevue*/
body#homepage #top,
body#visiter #top,
body#entrevue #top,
body#public #top,
body#public_comments #top {
	padding-bottom: 0;
}

/*temporaire pour placeholder*/
#top img {
	float: left;
	clear: both;
}

#flashHeader {
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 15px;
	z-index: 1000;
	position: relative;
	/*margin-left: 243px;*/
}

/*no padding on certain pages*/

body#homepage #flashHeader,
body#public #flashHeader,
body#quinze_moteurs #flashHeader {
	padding-bottom: 0;
}

/*-------------------------------------------------Top header avec search et browse*/


#pageHeader {
	/*float: left;*/
	width: 969px;
	margin: 0 auto;
	/*background: #fcfae2;*/
	/*width: 100%;*/
	/*padding-left: 243px;*/
}

/*mini nav au haut*/
#pageHeader .nav {
	float: left;
	clear: both;
	width: 962px;
}

#pageHeader .nav ul.topNav {
	clear: both;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-right: 34px;
}

#pageHeader .nav ul.topNav li {
	float: right;
	padding-left: 11px;
	background: url(../images/bullets/redVerticalLine_bullet.gif) no-repeat center left;
}
/*2e item avec bullet*/
#pageHeader .nav ul.topNav li.first {
	background: none;
}

#pageHeader .nav ul.topNav li a {
	color: #ff0000;
	text-decoration: underline;
	text-transform: uppercase;
}



/*contenu (h1 et formulaires)*/
#pageHeader .content {
	float: left;
	clear: both;
	padding: 0 0 7px 0;
	width: 962px;
}

/*formulaire de recherche*/
#pageHeader .content form.search {
	float: left;
	margin: 0;
	padding: 5px 0 0 20px;
}

#pageHeader .content form.search label {
	float: left;
	margin: 0;
	padding: 0 0 3px 0;
}

#pageHeader .content form.search div {
	float: left;
	clear: both;
}

#pageHeader .content form.search input {
	float: left;
}

#pageHeader .content form.search input.textfield {
	clear: both;
	margin-right: 2px;
	float: left;
	width: 314px;
}

/*formulaire parcourir*/

#pageHeader .content form.browse {
	float: left;
	margin: 0;
	padding: 5px 0 0 54px;
}

#pageHeader .content form.browse label {
	float: left;
	margin: 0;
	padding: 0 0 3px 0;
}

#pageHeader .content form.browse div {
	float: left;
	clear: both;
	width: 350px;
}

#pageHeader .content form.browse select {
	float: left;
	width: 170px;
}

#pageHeader .content form.browse select.last {
	margin-left: 10px;
}

/*content---------------------------------------------------------*/

#contentMain, #contentProfil {
	float: left;
	clear: both;
	width: 968px;
	/*padding: 0 0 0 243px;*/

}

body#searchresults #contentMain {
	margin-top: 25px;
}

#height_trick {
	background: url(../images/backgrounds/backGroundTrick.gif) repeat-y left top;
	float: left;
}


/*Page d'accueil--------------------------------------------------*/



/*boite des 3 invites du moment*/
#invitesBox {
	float: left;
	clear: both;
	width: 968px;
	margin-bottom: 25px;
	height: 397px;
	background: url(../images/backgrounds/accueil/3invites_bg.gif) no-repeat top left;
}

#invitesBox ul.thumbs {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 55px 0 0 0;
	height: 300px;
}

#invitesBox ul.thumbs li {
	float: left;
	width: 300px;
	padding: 0 10px 0 0;
}

#invitesBox ul.thumbs li.last {
	float: left;
	width: 280px;
	padding: 0;
	background: #b6ebdd;
	height: 300px;
	padding: 0;
	text-transform: uppercase;
}


#invitesBox #flashInvites {
	float: left;
	margin: 0;
	padding:18px 0 0 0;
	height: 300px;
}

#invitesBox ul.thumbs li.last .date {
	clear: both;
	float: left;
	font-size: 18px;
	text-transform: uppercase;
}

#invitesBox ul.thumbs li.last p {
	float: left;
	clear: both;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#invitesBox ul.thumbs li.last h2 {
	padding: 55px 0 0 0;
	margin: 0;
	float: left;
	font-size: 18px;
}

#invitesBox ul.thumbs li img {
	width: 300px;
	height: 300px;
	overflow: hidden;
}

#invitesBox .inviteblurb {
	clear: both;
	float: left;
	margin-top: 8px;
	padding: 0 0 0 160px;
	background: url(../images/logos/arTV_home.gif) no-repeat 30px center;
	height: 64px;
	width: 682px;
}

#contentMain .videoPop {
	float: left;
	margin-left: 55px;
	padding: 0;
	width: 308px;
	margin-bottom: 15px;
}


/*--------------------------------------------*/
/*Layout 2 colonnes --- paneaux de contenu (dimensions qui changent pour les differentes sections)*/


/*-------------------------------------------Layout 2 colonnes 50%*/
#contentMain .leftpanel {
	clear: both;
	float: left;
	background: #fff;
	padding: 0 10px;
	width: 418px;
}

#contentMain .rightpanel {
	float: left;
	background: #fff;
	margin-left: 55px;
	padding: 0 10px 15px 10px;
	width: 447px;
  min-height: 500px;
}

#contentMain .rightpanel h2 {
  padding-top: 20px;
  padding-bottom: 10px;
}

/*intro Public*/
body#public #contentMain .rightpanel,
body#public_comments #contentMain .rightpanel {
	padding-top: 0;
}

body#public #contentMain .leftpanel {
	padding: 0;
	background: none;
	width: 438px
}


/*visiter*/
body#visiter #contentMain .leftpanel {
	padding-top: 15px;
	padding-bottom: 15px;
}

/*-------------------------------------------Layout 2 colonnes homepage et visiter*/

body#homepage #contentMain .leftpanel,
body#visiter #contentMain .leftpanel {
	width: 538px;
	height: 956px;
}

body#searchresults #contentMain .leftpanel {
	width: 538px;
}

body#homepage #contentMain .rightpanel,
body#visiter #contentMain .rightpanel,
body#searchresults #contentMain .rightpanel {
	width: 288px;
}

/* layout 3 cols for homepage */
#home {
	clear: both;
	position: relative;
}

body#homepage #contentMain .rightpanel.oneThirdCol {
	width: 260px;
	min-height: 630px;				
}

body#homepage #contentMain .rightpanel.first {
	margin-left: 0;
}

body#homepage #contentMain .rightpanel.last {
	margin-top: 370px;
}

/* livre on home */
#home #livre {
  position: absolute;
  background: #000;
  padding: 10px;
  width: 260px;
  height: 330px;
  top: 0;
  right: 18px;
}

#home #livre h2 {
  margin-top: 0;
  padding: 45px 0 0 0;
  clear: none;
}

#home #livre img.cover { margin-top: 15px; }


/*Content top right button tabs*/

ul.contentTabs {
	list-style-type: none;
	float: right;
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	/*visibility: hidden;*/
}


ul.contentTabs li {
	float: right;
	padding: 0 14px 0 0;
	display: block;
	margin-left: 4px;
	text-transform: uppercase;
}

ul.contentTabs li a {
	text-decoration: none;
	color: #fff;
	padding: 5px;
	display: block;
}

/*tab noir*/
ul.contentTabs li.black {
	background: url(../images/btn/black_tabEnd.gif) no-repeat center right;
}

ul.contentTabs li.black a {
	background: #000;
}
/*tab noir*/
ul.contentTabs li.grey {
	background: url(../images/btn/grey_tabEnd.gif) no-repeat center right;
}


ul.contentTabs li.grey a {
	background: #333;
}


/*----headers*/

h1 {
	padding: 0;
	margin: 0;
	float: left;
}

#contentMain h2 {
	float: left;
	display: block;
	clear: both;
	padding: 45px 0;
	margin: 0;
}
/*less top padding for tiltes that follow tab navigation*/

#contentMain h2.tabbed {
	padding-top: 22px;
	padding-bottom: 45px;
	font-size: 70px;
	font-weight: bold;
}




/*---------Styled thumbnails with description*/

/*thumblist left col*/
body#homepage #contentMain .leftpanel ul.thumblist {
	list-style-type: none;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 570px;
	z-index: 1;
	position: relative;
	margin-left: -45px;
	padding-top: 25px;
}

body#homepage #contentMain .leftpanel ul.thumblist li {
	float: left;
	display: block;
	width: 285px;
	padding-bottom: 12px;
}

/*image*/
body#homepage #contentMain .leftpanel ul.thumblist li img {
	float: left;
	background: url(../images/thumbs/thumb_background.gif) no-repeat top right;
	padding: 34px 41px 0 0;
}

/*text desc-----*/
body#homepage #contentMain .leftpanel ul.thumblist li div {
	float: left;
	width: 145px;
	margin-left: 8px;
}

body#homepage #contentMain .leftpanel ul.thumblist li div dl,
body#homepage #contentMain .leftpanel ul.thumblist li div dt,
body#homepage #contentMain .leftpanel ul.thumblist li div dd {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;

}

/*nom d'ivite*/
body#homepage #contentMain .leftpanel ul.thumblist li div dt {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*type*/
body#homepage #contentMain .leftpanel ul.thumblist li div dd strong {
	text-decoration: underline;
	color: #333;
	text-transform: uppercase;
}
/*lien*/
body#homepage #contentMain .leftpanel ul.thumblist li div dd a {
	color: #ee1c24;
	text-decoration: underline;
	text-transform: uppercase;
}



/*thumblist right panel*/
#contentMain .rightpanel ul.thumblist {
	list-style-type: none;
	float: left;
	clear: both;
	padding: 0;
	width: 488px;
	z-index: 1;
	position: relative;
	margin: 0 0 0 -45px;
	padding-top: 25px;
}

#contentMain .rightpanel ul.thumblist li {
	float: left;
	display: block;
	width: 488px;
	margin-bottom: 12px;
}

/*mesures speciales pour la homepage et search Results*/

body#homepage #contentMain .rightpanel ul.thumblist,
body#searchresults #contentMain .rightpanel ul.thumblist {
	width: 100%;
	margin: 0 0 0 -47px;
}

body#searchresults #contentMain .rightpanel ul.thumblist li {
	width: 333px;
}

body#homepage #contentMain .rightpanel ul.thumblist li {
	width: 310px;	
}


/*image*/
#contentMain .rightpanel ul.thumblist li img {
	float: left;
	background: url(../images/thumbs/thumb_background.gif) no-repeat top right;
	padding: 34px 41px 0 0;
	width: 83px;
	height: 85px;
	overflow: hidden;
}

/*text desc-----*/
#contentMain .rightpanel ul.thumblist li div {
	float: left;
	width: 355px;
	margin-left: 8px;
}

/*mesures speciales pour homepage*/
body#homepage #contentMain .rightpanel ul.thumblist li div,
body#searchresults #contentMain .rightpanel ul.thumblist li div {
	float: left;
	width: 150px;
	margin-left: 8px;
}
/**/


#contentMain .rightpanel ul.thumblist li div dl,
#contentMain .rightpanel ul.thumblist li div dt,
#contentMain .rightpanel ul.thumblist li div dd  {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;

}

/*nom d'ivite*/
#contentMain .rightpanel ul.thumblist li div dt {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*type*/
#contentMain .rightpanel ul.thumblist li div dd strong {
	text-decoration: underline;
	color: #333;
	text-transform: uppercase;
}
/*lien*/
#contentMain .rightpanel ul.thumblist li div dd a {
	color: #ee1c24;
	text-decoration: underline;
	text-transform: uppercase;
}

#contentMain .rightpanel ul.thumblist li div dd span {
	color: #ee1c24;
	text-transform: uppercase;
}


/*thumblist en haut dans intro plublic*/

#contentMain #entrevueIntro div ul.thumblist {
	list-style-type: none;
	float: left;
	clear: both;
	padding: 0;
	width: 940px;
	z-index: 1;
	position: relative;
	margin: 0 0 0 -45px;
	padding-top: 25px;
}

#contentMain #entrevueIntro div ul.thumblist li {
	float: left;
	display: block;
	margin-bottom: 12px;
}

#contentMain #entrevueIntro div ul.thumblist li.plus {
	margin-left: 15px;
}


/*image*/
#contentMain #entrevueIntro div ul.thumblist li img {
	float: left;
	background: url(../images/thumbs/thumb_background.gif) no-repeat top right;
	padding: 34px 41px 0 0;
	width: 83px;
	height: 85px;
}

#contentMain #entrevueIntro div ul.thumblist li.plus img {
	background: none;
	padding-right: 0;
}


/*gros text blurb en bas*/

body#homepage #contentMain .leftpanel h3 {
	float: left;
	clear: both;
	padding: 25px 0;
	margin: 0;
	font-size: 36px;
	text-transform: uppercase;
	display: block;
	width: 100%;
}



/*-Section visiter, gallerie et equipe---------------------------------------------------------------------------------*/

/*paneau gallerie de gauche*/

body#visiter #contentMain .leftpanel #gallerie {
	clear: both;
	float: left;
}

body#visiter #contentMain .leftpanel #gallerie #image {
	float: left;
	clear: both;
	width: 538px;
	overflow: hidden;
}
/*boutons precedent et suivant*/
ul.imageNav {
	clear: both;
	float: left;
	width: 538px;
	list-style-type: none;
	margin: 5px 0 10px 0;
	padding: 0;
}

body#rencontrer ul.imageNav {
	width: 394px;
}

ul.imageNav li {
	float: right;
}
/*2e item avec bullet*/
ul.imageNav li.last {
	background: url(../images/bullets/redVerticalLine_bullet.gif) no-repeat center left;
	padding-left: 11px;
}

ul.imageNav li a {
	color: #ff0000;
	text-decoration: underline;
	text-transform: uppercase;
}

/*liste des galleries*/

#gallerie h3 {
	clear: both;
	float: left;
	padding: 13px 0 0 0;
	margin: 0;
}

#gallerie ul.galleries {
	list-style-type: none;
	clear: both;
	float: left;
	margin: 0;
	padding: 15px 0;
	width: 100%;
}

#gallerie ul.galleries li {
	clear: both;
	float: left;
	background: url(../images/bullets/redArrow_bullet.gif) no-repeat center left;
	padding: 0 0 3px 20px;
	width: 100%;
}

#gallerie ul.galleries li a {
	color: #ff0000;
	text-decoration: none;
	text-transform: uppercase;
}

/*paneaux show hide*/

.pointer {
	cursor: pointer;
}

#contentMain .fullCol .show_hide {
	float: left;
	/*border-top: 1px solid #ff0000;*/
	padding-top: 15px;
	margin-top: 15px;
	width: 941px;
	display: none;
}

#contentMain .fullCol .show_hide p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contentMain .fullCol .show_hide .texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 0px;
}

#contentMain .fullCol h2 {
	margin:0;
	padding: 30px 0;

}

#contentMain .fullCol p.intro {
	text-transform: uppercase;
	float: left;
	clear: both;
	margin: 0;
	padding: 10px 0;
	width: 941px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain .fullCol p {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
}

#contentMain .fullCol p.intro strong {
	text-decoration: underline;
	color: #ff0000;
}

#contentMain .fullCol .show_hide img {
	float: none;
}

#contentMain .fullCol .show_hide h3 {
	float: left;
	clear: both;
	color: #7F7F7F;
	margin: 0;
	font-size: 13px;
	padding: 0;
}

/* c'est quoi ca???? */
#contentMain .fullCol .show_hide div {
	float: left;
	width: 640px;
	padding-left: 15px;
}

#contentMain .fullCol .show_hide div p {
	float: left;
	clear: both;
	margin: 10px 0;
	width: 640px;
}

#contentMain .fullCol .show_hide div#bande {
	float: left;
	width: 941px;
	clear: both;
	padding: 0;
	text-align: center;
}

/*liste equipe*/

#contentMain .fullCol .show_hide #equipe {
	width: 941px;
	padding: 0;
}

#contentMain .fullCol .show_hide #equipe h4 {
	padding: 0;
	margin: 0;
	float: left;
	clear: both;
}

#contentMain .fullCol .show_hide #equipe .image {
	width: 286px;
	margin-right: 15px;
	padding: 0;
}

#contentMain .fullCol .show_hide #equipe .text {
	width: 640px;
	padding: 0;
}


/*navigation thumbnails equipe*/
#contentMain .fullCol ul.thumblist {
	list-style-type: none;
	float: left;
	padding: 0;
	/*width: 784px;*/
	z-index: 1;
	position: relative;
	margin: 0;
	/*padding-top: 25px;*/
}

#contentMain .fullCol ul.thumblist li {
	float: left;
	display: block;
	margin: 0 10px 12px 0;
}

#contentMain .fullCol ul.thumblist li.plus {
	margin-left: 15px;
}


/*image*/
#contentMain .fullCol ul.thumblist li img {
	float: left;
	background: url(../images/thumbs/thumb_background.gif) no-repeat top right;
	padding: 34px 41px 0 0;
}

#contentMain .fullCol ul.thumblist li.plus img {
	background: none;
	padding-right: 0;
}





/*-------------Liste dossier presse*/

ul.document_list {
	clear: both;
	float: left;
	width: 901px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.document_list li {
	float: left;
	display: block;
	width: 190px;
	padding-bottom: 12px;
	padding-right: 28px;
}

/*image*/
ul.document_list li img {
	float: left;
}

/*text desc-----*/
ul.document_list li div {
	float: left;
	width: 139px;
	margin-left: 8px;
}

ul.document_list li div dl,
ul.document_list li div dt,
ul.document_list li div dd {
	padding: 0;
	margin: 0;

}

/*nom et lien du document*/
ul.document_list li div dt a {
	font-size: 10px;
	color: #ff0000;
	text-decoration: underline;
	text-transform: uppercase;
}

/*type*/
ul.document_list li div dd strong {
	color: #000;
	text-transform: uppercase;
}

/*------------Boite 100% largeur (ex: dossiers de presse)*/
.fullCol {
	clear: both;
	float: left;
	width: 941px;
	background: #fff;
	margin-top: 15px;
	padding: 15px 10px;
}
.fullCol.myinfos {padding:15px 5px; width: 951px;}
#fullCol h3 {
	margin-top: 0;
}




/*------------Multipage navigation*/

.pagenav {
	clear: both;
	float: left;
	padding: 5px 0;
	width: 100%;
}

.pagenav strong {
	float: left;
	padding-right: 5px;
	text-transform: capitalize;
}

.pagenav ul {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pagenav ul li {
	display: inline;
	padding-left: 3px;
}

.pagenav ul li a {
	color: #ee1c24;
	text-decoration: underline;
}

.pagenav ul li a.active {
	color: #000;
	text-decoration: none;
}


/*------------Commentaires*/

ul.comments {
	list-style-type: none;
	margin:  20px 0 0 0;
	padding: 0;
	float: left;
	width: 100%;
}

ul.comments li {
	clear: both;
	float: left;
	padding: 5px 0 10px 0;
	border-bottom: dotted 2px #000;
	width: 100%;

}

ul.comments li p {
	margin: 0;
	padding: 0;
}

ul.comments li p.info {
	margin: 0;
	padding: 0;
	color: #505050;
	font-weight: bold;
}

ul.comments li p.info span {
	font-size: 12px;
}

/*formulaire ajouter commentaire*/
.addComment {
	clear: both;
	float: left;
	padding: 5px 0 10px 0;
	border-top: dotted 2px #000;
	width: 100%;
}

.addComment h3 {
	margin: 0;
	padding: 10px 0 10px 0;
}


.addComment form {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.addComment form span {
	float: left;
	clear: both;
	text-transform: uppercase;
	margin: 0 0 0 18px;
}

.addComment form label {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

.addComment form input {
	margin: 0 0 5px 18px;
	padding: 0;
	float: left;
	clear: both;
	width: 300px;
}

.addComment form textarea{
	float: left;
	clear: both;
	margin: 0 0 0 18px;
	width: 400px;
}


form .buttons {
	clear: both;
	float: left;
	padding-top: 20px;
	width: 100%;
}

form .buttons input {
	width: auto;
	margin: 0 5px 0 0;
	float: right;
	display: block;
	clear: none;
}

form .buttons img {
	margin: 0 5px 0 0;
	float: right;
}


/*Bio et realisations*/
#bio {
	padding-bottom: 15px;
	width: 418px;
}

#bio p {
	font-family: Arial, Helvetica, sans-serif;
}

#bio h3 {
	text-transform: uppercase;
	font-size: 18px;
	clear: both;

}


/*liens utiles*/
ul.liens {
	list-style-type: none;
	clear: both;
	float: left;
	margin: 0;
	padding: 0 10px 20px 12px;
	display: block;
	width: 90%;
}

ul.liens li {
	clear: both;
	float: left;
	background: url(../images/bullets/redArrow_bullet.gif) no-repeat left 5px;
	padding: 0 0 3px 20px;
	display: block;
	width: 100%;
}

ul.liens li a {
	color: #ff0000;
	text-decoration: none;
	text-transform: uppercase;
}

/*Gallerie photo bio*/

#bio ul.photos {
	float: left;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	/*width: 428px;*/
}

#bio ul.photos li {
	float: left;
	width: 85px;
	margin-right: 18px;
	margin-bottom: 18px;
}

#bio ul.photos li.last {
	margin-right: 0;
}

#bio ul.photos li img {
	width: 85px;
	height: 83px;
	overflow: hidden;
}


/*-------------------------------------------------Page Entrevue CC*/

/*#entrevueIntro {
	float: left;
	clear: both;
	width: 1022px;
	height: 204px;
	margin-bottom: 15px;
	background: url(../images/backgrounds/entrevue/entrevueCCTop_bg.gif) no-repeat top left;
}

#entrevueIntro div {
	float: left;
	background: #fff;
	margin: 54px 62px 0 0;
	width: 940px;
	height: 130px;
	padding: 10px;
}*/


/*espace public top box*/

#entrevueIntro {
	background: url(../images/backgrounds/entrevue/top_bg_top_bg.gif) no-repeat top left;
	height: auto;
	float: left;
	clear: both;
	width: 1022px;
	margin-bottom: 15px;
}


#entrevueIntro div.box {
	background: url(../images/backgrounds/entrevue/top_bg_bottom_bg.gif) no-repeat bottom left;
	width: 1022px;
	float: left;
	margin: 54px 0 0 0;
	height: auto;
	padding: 0;
}


#entrevueIntro div.content {
	background: #fff144;
	float: left;
	width: 940px;
	height: auto;
	margin: 0;
	padding: 10px;
}

body#entrevue #entrevueIntro div.content {
	background: #fff;
}

body#public_comments #entrevueIntro div.content {
	background: #ee1c24;
}


#entrevueIntro div h2 {
	padding-bottom: 3px;
	margin-bottom: 0;
}

#entrevueIntro div p {
	float: left;
	clear: both;
	margin: 0;
}


/*--------------espace public elements du left panel*/

body#public #contentMain .leftpanel img.entrevue {
	float: left;
	clear: both;
}

body#public #contentMain .leftpanel ul.redbox {
	clear:both;
	float:left;
	list-style-type:none;
	width:438px;
	padding: 0;
	margin: 0;
}

body#public #contentMain .leftpanel ul.redbox li {
	display:block;
	float:left;
	margin: 0 0 15px 0;
	width:438px;
	background: #ee1c24;
	padding:55px 0;
	color: #fff;

}

body#public #contentMain .leftpanel ul.redbox li img.extrude {
	float: left;
	margin:0pt 0pt 0pt -36px;

	z-index:1;
}

body#public #contentMain .leftpanel ul.redbox li div {
	float:left;
	margin-left:8px;
	width:330px;
}

body#public #contentMain .leftpanel ul.redbox li div#leftnav {
	float: left;
	margin: 0;
	width: 438px;
}

/* invite entrevue video player */
#invitePlayer {
  clear: both;
  background-color: #ee1c24;
  height: 322px;
  margin-bottom: 15px;
  z-index: -1;
}

#invitePlayer #video_player {
	width: 450px;
	height: 322px;
	float: left;
}

#invitePlayer .content {
  float: left;
  margin-left: 43px;
	width: 450px;
}

#invitePlayer h2.fullname {
	font-size: 40px;
	height: 50px;
	margin: 5px 0 0 0;
}

#invitePlayer h4.cette-semaine {
  font-size: 25px;
  margin: 38px 0 0 0;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  padding: 0;
}

#invitePlayer p { font-family: Helvetica, arial, sans-serif; color: #fff; }

#invitePlayer p.category {
	border-bottom: 1px dotted #fff;
	padding-bottom: 10px;
}

#invitePlayer p.resume {
	font-size: 12px;
}

#invitePlayer .liste_questions {
  margin: 0 0 0 -15px;
  padding: 0;
  clear: both;
}

#invitePlayer .liste_questions li {
	color: #fff;
	list-style: none;
	margin-bottom: 6px;
	font-size: 1.2em;
	cursor: pointer;
}

#invitePlayer .liste_questions li:hover span {
  color: #fff;
}

#invitePlayer .liste_questions li span {
  padding: 0 5px 0 0;
  color: #ee1c24;
}

#invitePlayer .liste_questions li.active {	font-weight: bold; }
#invitePlayer .liste_questions li.active span { color: #fff; font-weight: normal;}



/* itinerante details & video player */
#itineranteDetails {
  clear: both;
  background-color: #ee1c24;
  height: 322px;
  margin-bottom: 15px;
  z-index: -1;
}

#itineranteDetails #video_player {
	width: 450px;
	height: 322px;
	float: left;
}

#itineranteDetails .content {
  float: left;
  margin-left: 43px;
	width: 450px;
}

#itineranteDetails h2.fullname {
  font-size: 45px;
  margin: 25px 0 -10px 0;
  color: #fff;
  text-transform: uppercase;
}

#itineranteDetails h4 {
  font-size: 25px;
  margin: 10px 0 -10px 0;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  float: left;
  padding: 0;
}


#itineranteDetails .liste_questions {
  margin: 0 0 0 -15px;
  padding: 0;
  clear: both;
}

#itineranteDetails .liste_questions li {
	color: #fff;
	list-style: none;
	margin-bottom: 6px;
	font-size: 1.2em;
	cursor: pointer;
}

#itineranteDetails .liste_questions li:hover span {
  color: #fff;
}

#itineranteDetails .liste_questions li span {
  padding: 0 5px 0 0;
  color: #ee1c24;
}

#itineranteDetails .liste_questions li.active {	font-weight: bold; }
#itineranteDetails .liste_questions li.active span { color: #fff; font-weight: normal;}




/* itinerante left sidebar content */
body#itinerante .leftpanel {
  background-color: transparent;
  padding-left: 0;
  margin-right: 11px;
}

body#itinerante .leftpanel img.extrude {
	float: left;
	margin: 48px 0pt 0pt -36px;
	z-index: 1;
}

body#itinerante .leftpanel .content {
  background-color: #ee1c24;
  margin-top: 10px;
  padding: 15px 15px 25px 98px;
  width: 325px;
}

body#itinerante .leftpanel .content h3 {
  color: #fef043;
  text-transform: uppercase;
}

body#itinerante .leftpanel p {
  color: #fff;
  font-size: 1.1em;
}

/*left flash nav*/
body#public #contentMain .leftpanel ul.redbox li div.flashSubmenu,
body#public #contentMain .leftpanel ul.redbox li div.flashSubmenu #leftNav {
	margin-left: 0;
}

body#public #contentMain .leftpanel ul.redbox li div h2 {
	padding-top: 0;
	margin-top: 0;
}

body#public #contentMain .leftpanel ul.redbox li div span {
	text-decoration: underline;
	font-size: 13px;
	float: left;
	clear: both;
	width:330px;
}

body#public #contentMain .leftpanel ul.redbox li div h2,
body#public #contentMain .leftpanel ul.redbox li div p {
	float: left;
	clear: both;
	margin-bottom: 0;
}


body#public #contentMain .leftpanel ul.redbox li .flashSubmenu {
	padding-top: 15px;
	margin: 0;
	width:438px;
	float: left;
	clear: both;
}


/*Videos entrevue*/
ul.entVideos {
	float: left;
	clear: both;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 1030px;
}

ul.entVideos li {
	float: left;
	width: 437px;
	margin: 15px 45px 0 0;
	padding: 10px;
	background: #fff;
}

ul.entVideos li h3 {
	float: left;
	margin: 5px 0 15px 0;
	font-size: 18px;
}

ul.entVideos li img {
	float: left;
	clear: both;
}

ul.entVideos li .video {
	float: left;
	clear: both;
}

ul.entVideos li p {
	float: left;
	clear: both;
	width: 437px;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}



/*-------------------------------------Contactez nous*/



/*liste de contacts*/
body#contact .leftpanel dl {
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	width: 418px;
}

body#contact .leftpanel dl dt {
	float: left;
	clear: both;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 0 0;
}

body#contact .leftpanel dl dt.category {
	padding-bottom: 5px;
	font-weight: bold;
}

body#contact .leftpanel dl dd {
	float: left;
	clear: both;
	text-transform: uppercase;
	/*border-bottom: 1px solid #ff0000;*/
	color: #ff0000;
	margin: 0 0 0 10px;
}

body#contact .rightpanel h3 {
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 18px;
	width: 395px;
}


/*formulaire contactez nous*/

/*par la poste*/
body#contact .rightpanel dl {
	background: #000;
	float: left;
	clear: both;
	padding: 5px;
	color: #fff;
	width: 385px;
}

body#contact .rightpanel dl dt {
	float: left;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}

body#contact .rightpanel dl dd {
	float: left;
	clear: both;
	padding-left: 14px;
	margin: 0;
}

/*titre par courriel*/

body#contact .rightpanel p {
	padding: 10px 5px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	clear: both;
	margin: 0;
	width: 385px;
}


/*formulaire*/

body#contact .rightpanel .bloc {
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
}

body#contact .rightpanel form {
	margin: 0;
	padding: 0 0 15px 26px;
	float: left;
	clear: both;
	width: 369px;
}

body#contact .rightpanel form div {
	float: left;
	margin-right: 8px;
	width: 170px;
}
body#contact .rightpanel form .divAuto, body#contact .rightpanel form .formError {
	float: left;
	margin-right: 8px;
	clear:both;
	width:100%;
}

.formError{
	display:none;
	margin:5px 5px 0px 0px;
	padding:3px 5px 3px 3px;
	color:#EE1C24;
	font-size:10px;
	border:1px dashed #EE1C24;
	border-left:5px solid #EE1C24;
}


body#contact .rightpanel form div label {
	float: left;
	text-transform: uppercase;
	width: auto; /* 170px; */
}

body#contact .rightpanel form div label span{
	color:#EE1C24;
	font-size:14px;
	font-weight:bold;
}

body#contact .rightpanel form div input {
	float: left;
	width: 170px;
}

body#contact .rightpanel form .divAuto input {
	float: left;
	width: 348px;
}


body#contact .rightpanel form label {
	clear: both;
	float: left;
	width: 369px;
	text-transform: uppercase;
	margin-top: 10px;
	padding-bottom: 4px;
}

body#contact .rightpanel form input,
body#contact .rightpanel form textarea {
	clear: both;
	float: left;
	width: 348px;
}

body#contact .rightpanel .waitingMsg{
	border:1px solid #000000;
	width:348px;
	color:#999999;
	text-align:center;
	vertical-align: middle;
	font-size:15px;
}
body#contact .rightpanel .thankyouMsg{
	border:1px solid #000000;
	width:348px;
	color:#000000;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
}
body#contact .rightpanel .errorMsg{
	border:1px solid #000000;
	width:348px;
	color:#EE1C24;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
}

body#contact .rightpanel .errorMsg A{text-decoration: underline;}
body#contact .rightpanel .errorMsg A:link, body#contact .rightpanel .errorMsg A:active, body#contact .rightpanel .errorMsg A:visited{color:#EE1C24;}
body#contact .rightpanel .errorMsg A:hover{color:#980C10;}

body#contact .rightpanel form input.check {
	float: left;
	width: auto;
	margin-left: 0;
}

body#contact .rightpanel form label.check {
	width: auto;
	clear: none;
	margin: 3px 5px 0 0;
}


body#contact .rightpanel form .buttons {
	width: 356px;
	margin-right: 0;

}

body#contact .rightpanel form .buttons input {
	width: auto;
	clear: none;
	float: right;
}


/*--------------BannerLink boxes//left and top sections--------------------------------------------------------------------*/
.bannerLink {
	width: 528px;
	float: left;
	clear: both;
	background: #ee1c24;
	padding: 15px 10px 15px 20px;
}

/*top version*/
#entrevueIntro .box .content .bannerLink {
	width: 940px;
	padding: 5px 0;
}

.bannerLink .innerBox {
	float: left;
	background: url(../images/backgrounds/white_square_bg.gif) no-repeat top left;
	padding-left: 125px;
	width: 403px;
	color: #fff;
}

/*top version*/
#entrevueIntro .box .content .bannerLink .innerBox {
	float: left;
	background: url(../images/backgrounds/white_square_bg.gif) no-repeat top left;
	padding-left: 125px;
	width: 815px;
	color: #fff;
}

#contentMain .bannerLink .innerBox h2 {
	margin: 0;
	padding-top: 0;
}

.bannerLink .innerBox p {
	float: left;
	clear: both;
	width: 403px;
}

/*top version*/
#entrevueIntro .box .content .bannerLink .innerBox p {
	width: 815px;
}


.bannerLink .innerBox a {
	text-decoration: underline;
	color: #fff;
}

.bannerLink .innerBox img,
.bannerLink .innerBox a map,
.bannerLink .innerBox a map area {
	text-decoration: none;
	border: 0;
}


/*wrap autour de left ou right panel*/
body#homepage .container {
	float: left;
	clear: both;
}


/*Menu boites rouge et noir*/

ul.boxmenu {
	list-style-type: none;
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	height: 150px;
	/*border-bottom: 1px solid #ff0000;*/
}

ul.boxmenu li {
	height: 150px;
	float: left;
	width: 124px;
	margin-right: 10px;
}

ul.boxmenu li a {
	background: url(../images/thumbs/thumb_background_menu_black.gif) no-repeat top left;
	color: #fff;
	height: 20px;
	width: 104px;
	display: block;
	padding: 130px 20px 0 0;
	text-decoration: none;
	text-transform: uppercase;
	text-align: right;
}

ul.boxmenu li a:hover,
ul.boxmenu li a.active {
	background: url(../images/thumbs/thumb_background_menu_red.gif) no-repeat top left;
	color: #ff0000;
}

/*------------Lequipe dans visiter*/

/*liste de contacts*/
body#visiter .fullCol dl {
	float: left;
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	width: 418px;
	font-family: Arial, Helvetica, sans-serif;
}

body#visiter .fullCol dl dt {
	float: left;
	clear: both;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0 0 0;
}

body#visiter .fullCol dl dt.category {
	padding-bottom: 5px;
	font-weight: bold;
}

body#visiter .fullCol dl dd {
	float: left;
	clear: both;
	text-transform: uppercase;
	color: #ff0000;
	margin: 0 0 0 10px;

}

/*-----------------------------------Formulaires pour participer*/

/*labels invisibles*/
label.hidden {
	visibility: hidden;
	float: left;
}


/*---------ajouter un video/texte/img--------*/

#contentMain .fullCol .show_hide form.VidUp,
#contentMain .fullCol .show_hide form.txtUp {
	float: left;
	width: 941px;
	display: block;
}


#contentMain .fullCol .show_hide form.VidUp h3,
#contentMain .fullCol .show_hide form.txtUp h3 {
	float: left;
	width: 941px;
	padding: 0 0 10px 0;
	margin: 0;
	color: #000;
}

#contentMain .fullCol .show_hide form.VidUp label,
#contentMain .fullCol .show_hide form.ImgUp label,
#contentMain .fullCol .show_hide form.txtUp label {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
}

#contentMain .fullCol .show_hide form.VidUp div.col_file,
#contentMain .fullCol .show_hide form.txtUp div.col_file {
	width: 911px;
	clear: both;
	position: relative;
	padding: 0;
	padding: 0 15px 0 15px;
}

#contentMain .fullCol .show_hide form.VidUp div.col,
#contentMain .fullCol .show_hide form.txtUp div.col{
	width: 911px;
	clear: both;
	position: relative;
	padding: 0;
	padding: 15px;
}

#contentMain .fullCol .show_hide form.VidUp div.col input,
#contentMain .fullCol .show_hide form.ImgUp div.col input,
#contentMain .fullCol .show_hide form.txtUp div.col input{
	float: left;
}

#contentMain .fullCol .show_hide form.VidUp div.col_file input.half,
#contentMain .fullCol .show_hide form.VidUp div.col input.half,
#contentMain .fullCol .show_hide form.ImgUp div.col_file input.half,
#contentMain .fullCol .show_hide form.ImgUp div.col input.half,
#contentMain .fullCol .show_hide form.txtUp div.col_file input.half,
#contentMain .fullCol .show_hide form.txtUp div.col input.half {
	clear: both;
	float: left;
	width: 360px;
}


#contentMain .fullCol .show_hide form.VidUp div.left,
#contentMain .fullCol .show_hide form.ImgUp div.left,
#contentMain .fullCol .show_hide form.txtUp div.left {
	width: 360px;
	float: left;
	padding: 0;
	clear: both;
	margin-top: 10px;
	margin-right: 20px;
}

#contentMain .fullCol .show_hide form.VidUp div.right,
#contentMain .fullCol .show_hide form.ImgUp div.right,
#contentMain .fullCol .show_hide form.txtUp div.right {
	width: auto;
	float: left;
	padding-left: 20px;
	margin-top: 10px;
}

#contentMain .fullCol .show_hide form.VidUp textarea,
#contentMain .fullCol .show_hide form.VidUp div.right select,
#contentMain .fullCol .show_hide form.ImgUp textarea,
#contentMain .fullCol .show_hide form.ImgUp div.right select,
#contentMain .fullCol .show_hide form.txtUp textarea,
#contentMain .fullCol .show_hide form.txtUp div.right select {
	float: left;
	clear: both;
}

#contentMain .fullCol .show_hide form.VidUp textarea,
#contentMain .fullCol .show_hide form.ImgUp textarea,
#contentMain .fullCol .show_hide form.txtUp textarea {
	width: 100%;
}


#contentMain .fullCol .show_hide form.VidUp div.buttons,
#contentMain .fullCol .show_hide form.txtUp div.buttons {
	width: 911px;
	float: right;
	clear: both;
	padding-top: 0;
}

#contentMain .fullCol .show_hide form.VidUp div.buttons img,
#contentMain .fullCol .show_hide form.VidUp div.buttons input,
#contentMain .fullCol .show_hide form.txtUp div.buttons img,
#contentMain .fullCol .show_hide form.txtUp div.buttons input,
#contentMain .fullCol .show_hide form.ImgUp div.buttons img,
#contentMain .fullCol .show_hide form.ImgUp div.buttons input,
#contentMain .fullCol .show_hide form.txtUp div.buttons img,
#contentMain .fullCol .show_hide form.txtUp div.buttons input {
	float: right;
}

.uploadSpecs {
	text-align: right;
	color: #666;
	font-style: italic;
}

/*-------Ajouter une image-----------*/

#contentMain .fullCol .show_hide form.ImgUp .imgPreview {
	float: left;
	clear: both;
	width: 260px;
	overflow: hidden;
	margin-right: 20px;
	padding: 0;
}

#contentMain .fullCol .show_hide form.ImgUp .formulaire {
	width: 941px;
	float: left;
	padding-left: 0;
}


#contentMain .fullCol .show_hide form.ImgUp {
	float: left;
	width: 941px;
	display: block;
}


#contentMain .fullCol .show_hide form.ImgUp h3 {
	float: left;
	width: 646px;
	padding: 0 0 10px 0;
	margin: 0;
	color: #000;
}

#contentMain .fullCol .show_hide form.ImgUp div.col_file {
	width: 616px;
	clear: both;
	position: relative;
	padding: 0;
	padding: 0 15px 0 15px;
}

#contentMain .fullCol .show_hide form.ImgUp div.col{
	width: 911px;
	clear: both;
	position: relative;
	padding: 0;
	padding: 15px;
}

#contentMain .fullCol .show_hide form.ImgUp div.buttons{
	width: 616px;
	float: right;
	clear: both;
	padding-top: 0;
}

/*file input style*/

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	float: none;
	padding: 0;
	width: 460px;
}

div.fakefile img {
	padding-left: 4px;
}

input.file {
	/*position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;*/
	width: 450px;
}




/*----------------Mon profil----------------------------------------------------------------------------------------------*/

#contentMain .fullCol .show_hide form.mesInfos {
	float: left;
	width: 941px;
	display: block;
}





/*------entrevue Chez nous-------*/
#contentMain .fullCol .show_hide form.Cnous {
font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 941px;
	display: block;
}

#contentMain .fullCol .show_hide form.Cnous h3 {
	float: left;
	width: 941px;
	padding: 0 0 10px 0;
	margin: 0;
	color: #000;
}

#contentMain .fullCol .show_hide form.Cnous label {
	float: left;
	text-transform: uppercase;
}

#contentMain .fullCol .show_hide form.Cnous div.left {
	width: 460px;
	float: left;
	padding: 0;
	clear: both;
	margin-top: 10px;
}

#contentMain .fullCol .show_hide form.Cnous div.left .halfbox {
	float: left;
	width: 230px;
	padding: 0;
	margin-bottom: 20px;
}


#contentMain .fullCol .show_hide form.Cnous div.left input {
	float: left;
	clear: both;
	width: 450px;
}

#contentMain .fullCol .show_hide form.Cnous div.left .halfbox input {
	float: left;
	clear: both;
	width: 220px;
}

#contentMain .fullCol .show_hide form.Cnous div.right {
	width: 450px;
	float: right;
	padding-left: 20px;
	margin-top: 10px;
}

#contentMain .fullCol .show_hide form.Cnous div.right textarea {
	clear: both;
	float: left;
	width: 440px;
	margin-bottom: 15px;
}

#contentMain .fullCol .show_hide form.Cnous div.right input.check {
	clear: both;
	float: left;
	margin: 0 10px 0 0;
}

#contentMain .fullCol .show_hide form.Cnous div.right div.block {
	float: left;
	width: 440px;
	padding-left: 0;
}

#contentMain .fullCol .show_hide form.Cnous div.right label.check {
	float:	left;
}

#contentMain .fullCol .show_hide form.Cnous div.right .buttons {
	margin-right: 0pt;
	width: 450px;
	padding-left: 0;
}

#contentMain .fullCol .show_hide form.Cnous div.right .buttons img {
	float:right;
	margin:0pt 5px 0pt 0pt;
}

#contentMain .fullCol .show_hide form.Cnous div.right .buttons input {
	clear:none;
	float:right;
	width:auto;
}





/*--------------------Formulaires Login profil--------------------------------*/

body#profil.login .col_div {
	float: left;
}

body#profil.login .leftpanel p {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 10px;
}

body#profil.login .leftpanel #identifier_error {
	float: left;
	clear: both;
	font-weight: bold;
	color: #ff0000;
	padding: 10px 0;
}

body#profil.login .leftpanel p,
body#profil.login .leftpanel form {
	float: left;
	clear: both;
}
body#profil.login .leftpanel form {
	width: 360px;
	padding-bottom: 15px;
}

body#profil.login .leftpanel form .col {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}


body#profil.login .leftpanel form label {
	font-weight: bold;
	width: 85px;
	display: block;
	margin-right: 10px;
	float: left;
	text-align: right;
}

body#profil.login .leftpanel form input {
	width: 250px;
	float: right;
}

body#profil.login .leftpanel form input.button {
	width: auto;
}


/*entrevue img*/
body#profil.login .entrevuepanel {

	background:#000;
	clear:both;
	float:left;
margin-top: 50px;
width:438px;
}

/*rightpanel*/

body#profil.login .rightpanel #membre_error {
	float: left;
	clear: both;
	color: #ff0000;
	font-weight: bold;
	width: 100%;
}

body#profil.login .rightpanel form {
	width: 447px;
	float: left;
}

body#profil.login .rightpanel form h3 {
	font-size: 12px;
	padding: 5px 0;
	margin: 0;
}

body#profil.login .rightpanel form label {
	text-transform: uppercase;
	float: left;
}

body#profil.login .rightpanel form .col {
	float: left;
	clear: both;
	width: 427px;
	margin-bottom: 10px;
	padding: 10px
}

body#profil.login .rightpanel form .colBlack {
	float: left;
	clear: both;
	width: 427px;
	margin-bottom: 10px;
	background: #000;
	color: #fff;
	padding: 10px;
}

body#profil.login .rightpanel form .col .half,
body#profil.login .rightpanel form .colBlack .half {
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
}

body#profil.login .rightpanel form .colBlack .full {
	float: left;
	margin-bottom: 8px;
	width: 427px;
}



body#profil.login .rightpanel form .col input {
	clear: both;
	float: left;
	width: 65%;
}

body#profil.login .rightpanel form .col .half input,
body#profil.login .rightpanel form .colBlack .half input {
	clear: both;
	float: left;
	width: 188px;
}

body#profil.login .rightpanel form .colBlack .full input.photoBrowse {
	width: 188px;
	clear: both;
	float: left;
}


body#profil.login .rightpanel form .colBlack .full textarea#description {
	width: 417px;
	float: left;
	clear: both;
}

/*-------------15 Moteurs--------------------------------------------*/

/*espace public top box*/

#full3dcontainer {
	background: url(../images/backgrounds/entrevue/top_bg_top_bg.gif) no-repeat top left;
	height: auto;
	float: left;
	clear: both;
	width: 1022px;
	margin-bottom: 15px;
}


#full3dcontainer div.box {
	background: url(../images/backgrounds/entrevue/top_bg_bottom_bg.gif) no-repeat bottom left;
	width: 1022px;
	float: left;
	margin: 54px 0 0 0;
	height: auto;
	padding: 0;
}


#full3dcontainer div.content {
	background: #fff;
	float: left;
	width: 940px;
	height: auto;
	margin: 0;
	padding: 10px;
}

body#moteurs #full3dcontainer div.content {
	background: #fff;
}


#full3dcontainer div h2 {
	padding-bottom: 3px;
	margin-bottom: 0;
}

#full3dcontainer div p {
	float: left;
	clear: both;
	margin: 0;
	width: 100%;
}


/*Upload Error MSGS*/

#video_message,
#image_message,
#texte_message {
	float: left;
	padding: 5px 0 10px 0;
	width: auto;
	color: #ff0000;
}




/*-------------Footer---------------------------------------------------------------*/

/*container pour placer sur la page*/
#footer {
	clear: both;
	width: 968px;
	padding: 100px 0 0 0;
	/*margin: 100px 0 0 0;*/


}

/*footer content box*/
#footer .content {
	background: #171717;
	color: #fff;
	padding: 10px 10px 0 10px;
	/*float: left;*/
	width: 948px;
}

/*footer navigation*/
#footer .content ul.footNav {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer .content ul.footNav li {
	float: right;
	background: url(../images/bullets/footNav_bullet.gif) no-repeat center right;
	padding-right: 17px;
}

#footer .content ul.footNav li.last {/*dernier item n'a pas de bullet*/
	padding: 0;
	background: none;
}

#footer .content ul.footNav li a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}

#footer .content .logos {
	/*float: right;*/
	clear: both;
	margin-top: 10px;
	padding: 5px 0;
	width: 100%;
	text-align: right;
}

#footer .content .logos span {
	float: left;
	text-align: left;
	padding-top: 30px;
}

#footer .content .logos img {
	/*float: right;*/
	padding-left: 20px;
}


/*/	Scroll
*/

.scrMask01{
	position:relative;
	overflow:hidden;
	overflow:-moz-scrollbars-none;
	overflow-x:hidden;
	overflow-y:hidden;
	text-align:left;
	width:10px;
	height:83px;
}
.scrContent{position: absolute;}
.scrContent TABLE
{
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
	border:0px;
	width:auto;
}
.scrContent TD
{
	padding:0px;
	vertical-align:top;
}


/*Page 404*/

.notfound {
	color: #000;
	font-weight: bold;
	margin: 10px auto;
	width: 420px;
}

.notfound div {
	float: left;
	clear: both;
	width: 400px;
	background: #fcfae2;
	padding: 10px;
	height: 400px;
}

.notfound p {
	float: left;
	clear: both;
	font-size: 12px;
}


/*Page intro video(index)*/

.intro {
	color: #fff;
	font-weight: normal;
	margin: 200px auto;
	width: 760px;
}

.intro div {
	float: left;
	clear: both;
	width: 760px;
	text-align: center;
}

.intro div #flashbox {
	float: left;
	clear: both;
	margin-bottom: 15px;
}

.intro p {

	font-size: 12px;
	padding-top: 20px;
}

.intro p a {
	color: #fff;
	text-decoration:underline;
}





/*----------------------Search Results--------------------------------------------------------------------------------------------*/

body#searchresults #contentMain .leftpanel {
	padding-top: 15px;
	padding-bottom: 15px;
}

body#searchresults #contentMain .leftpanel h3 {
	float: left;
	clear: none;
	padding: 39px 0 0 10px;
	font-size: 16px;
}

body#searchresults #contentMain .leftpanel h3 span {
	color: #ff0000;
	text-decoration: underline;
}


/*thumblist left col*/
body#searchresults #contentMain .leftpanel ul.thumblist {
	list-style-type: none;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	width: 585px;
	z-index: 1;
	position: relative;
	margin-left: -45px;
	padding-top: 25px;
}

body#searchresults #contentMain .leftpanel ul.thumblist li {
	float: left;
	clear: both;
	display: block;
	width: 585px;
	padding-bottom: 12px;
}

/*image*/
body#searchresults #contentMain .leftpanel ul.thumblist li img {
	float: left;
	background: url(../images/thumbs/thumb_background.gif) no-repeat top right;
	padding: 34px 41px 0 0;
}

/*text desc-----*/
body#searchresults #contentMain .leftpanel ul.thumblist li div {
	float: left;
	width: 261px;
	margin-left: 8px;
	margin-right: 10px;
}

body#searchresults #contentMain .leftpanel ul.thumblist li div dl,
body#searchresults #contentMain .leftpanel ul.thumblist li div dt,
body#searchresults #contentMain .leftpanel ul.thumblist li div dd {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;

}

/*nom d'ivite*/
body#searchresults #contentMain .leftpanel ul.thumblist li div dt {
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*type*/
body#searchresults #contentMain .leftpanel ul.thumblist li div dd strong {
	text-decoration: underline;
	color: #333;
	text-transform: uppercase;
}
/*lien*/
body#searchresults #contentMain .leftpanel ul.thumblist li div dd a {
	color: #ee1c24;
	text-decoration: underline;
	text-transform: uppercase;
}


body#searchresults #contentMain .leftpanel ul.thumblist li div.rating {
	float: left;
	width: 171px;
	height: 98px;
	padding: 20px 0 0 10px;
	margin: 0;
	border-left: 1px dotted #000000;
}


body#searchresults #contentMain .leftpanel ul.thumblist li div.rating ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 171px;
}

body#searchresults #contentMain .leftpanel ul.thumblist li div.rating ul li {
	float: left;
	clear: both;
	width: 171px;
	padding: 0 0 5px 0;
}

body#searchresults #contentMain .leftpanel ul.thumblist li div.rating ul li img {
	padding: 0;
	background: none;
}


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



/* CSS SUE - sorry j'overwrite... */
body.mesmodifs {}

body#moteurs.mesmodifs #contentMain .fullCol .show_hide {padding:0;}
body#moteurs.mesmodifs #contentMain .fullCol .show_hide div {padding: 0; width:auto;}
body#moteurs.mesmodifs #contentMain .fullCol .show_hide h2 {font-size:16px;}
body#moteurs.mesmodifs #contentMain .fullCol .show_hide h2 span {font-size:14px;}

body.mesmodifs #contentMain h2 {font-size:18px; margin:0; display:block; clear:both; float:none;}
body.mesmodifs #contentMain h2 span {font-size:16px;}

body#moteurs.mesmodifs #contentFlash {
	margin:20px 0 0 19px;
	border:1px solid #9e9e9e;
	width:385px; height:283px;
}

body.mesmodifs #myContent {
	position:relative; background:#fff;
	border-top:1px solid #e5e5e5; padding-top:20px;
}

body#moteurs.mesmodifs #contentMain #myContent .left,
body#moteurs.mesmodifs #contentMain #myContent .right{
	 display:block; padding:0; position:relative; float:left;
}
body#moteurs.mesmodifs #contentMain #myContent .left{width: 435px;}
body#moteurs.mesmodifs #contentMain #myContent .right{width: 479px;}

body#moteurs.mesmodifs #contentMain form {display:block; margin:0 0 20px 19px;}
body#moteurs.mesmodifs #contentMain form.modifs {width:452px;}
body#moteurs.mesmodifs #contentMain form.infos {width:918px; position:relative; left:-15px;}

body#moteurs.mesmodifs #contentMain form.modifs label {display:block; clear:both; margin-top:29px;}
body#moteurs.mesmodifs #contentMain form.infos label {display:block; clear:both; margin-top:10px;}
body#moteurs.mesmodifs #contentMain form.infos .block {margin-left:19px;}
* html body#moteurs.mesmodifs #contentMain form.infos .block {margin-left:10px;}

body.mesmodifs #contentMain form .input,
body.mesmodifs #contentMain form textarea,
body.mesmodifs #contentMain form .select {
	 border: 1px solid #b2b2b2;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:10px; color:#7f7f7f;
}
body.mesmodifs #contentMain form .input,
body.mesmodifs #contentMain form .select option {
	 padding:2px 10px;
}
body.mesmodifs #contentMain form .select option {line-height:0.9em; padding:1px;}
body.mesmodifs #contentMain form textarea {width:440px; height:199px; padding-left:10px;}
body.mesmodifs .uploadSpecs {font-style:italic; color:#a2a2a2; text-align:right; margin:1em 0 0 0;}

.medium {width:170px;}
.large {width:375px;}
.floatLeft {float:left; width:auto;}
.floatRight {float:right;}
.block {
	display:block; clear:both; width:100%;
}
body#moteurs.mesmodifs #contentMain .half_col {display:block; float:left; position:relative; top:0; margin-right:10px; width:45%;}

body#moteurs.mesmodifs .infos .buttons {display:block; clear:both; margin:1em 0;}

body#moteurs.mesmodifs .infos .buttons input,
body#moteurs.mesmodifs .infos .buttons a {float:right;}

/* page commentaires */
body#moteurs.mesmodifs .comment {
	margin-left:35px; padding-bottom:1px;
	background:url(/library/images/interface/hr.gif) left bottom repeat-x;
}
body#moteurs.mesmodifs .comment h5 {font-size:12px; margin-bottom:0;}
body#moteurs.mesmodifs .comment h5 span {font-size:9px; font-family:Arial, Helvetica, sans-serif;}
body#moteurs.mesmodifs .comment p {margin-top:0;}
body#moteurs.mesmodifs .comment .signaler {float:right; clear:left; margin-top:-1.4em;}
body#moteurs.mesmodifs .pagenav {margin-left:35px;}

/* page mes infos */
body#moteurs.mesmodifs .myinfos #myContent {border:none;}
body#moteurs.mesmodifs .myinfos h2 {margin-left:5px;}
body#moteurs.mesmodifs .myinfos .intro {
	margin-left:5px; width:930px;
	border-bottom:1px solid #e5e5e5;
}

body#moteurs.mesmodifs .row {display:block; clear:both; padding:10px 10px; height:110px;}
body#moteurs.mesmodifs .row.alternate {background:#e5e5e5;}

body#moteurs.mesmodifs .column {display:block; width:460px; float:left; position:relative;}
body#moteurs.mesmodifs .column .img {
	display:block; width:149px; height:111px; float:left; margin-right:8px;
	background:url(/library/images/interface/framePhoto.gif) top left no-repeat;
}

body#moteurs.mesmodifs .column .summary {display:block; width:295px; float:left;}
body#moteurs.mesmodifs .column .square {
	display:block; width:27px; height:27px; float:left;
	background:url(/library/images/interface/square.gif) 0 0 no-repeat;
}
body#moteurs.mesmodifs .column .square span {color:#fff; position:relative; top:1px; left:7px;}

body#moteurs.mesmodifs .column .myinfos {
	display:block; width:245px; float:left;
	margin-left:8px;padding:0;
}
body#moteurs.mesmodifs .column .myinfos h5 {font-size:11px; margin:0; padding:0; margin-top:14px;}
body#moteurs.mesmodifs .column .myinfos .cat {font-size:11px; color:#ee1c24; margin:0; padding:0;}
body#moteurs.mesmodifs .column .myinfos .txt {margin:0; padding:0;}

body#moteurs.mesmodifs .column .redLinks {
	display:block; width:295px;
	float:left; clear:both;
	margin:0; padding:0; position:absolute; bottom:0;
}

body#moteurs.mesmodifs .column .redLinks li {
	list-style-type:none; display:inline;
	color:#ee1c24; background:url(/library/images/interface/redline.gif) bottom left repeat-x;
}
body#moteurs.mesmodifs .column .redLinks li.first {
	padding-left:37px; padding-bottom:0; padding-bottom:-3px;
}
body#moteurs.mesmodifs .column .redLinks li.nbg {background:none; margin:0 5px;}
body#moteurs.mesmodifs .column .redLinks li a {text-decoration:none;}

body#moteurs.mesmodifs .column.texte .myinfos {background:url(/library/images/interface/docIcon.gif) top left no-repeat;}
body#moteurs.mesmodifs .column.photo .myinfos {background:url(/library/images/interface/photoIcon.gif) top left no-repeat;}
body#moteurs.mesmodifs .column.photo .img img {border:1px solid #c4c4c4;}


/* vertical-centering */
body#moteurs.mesmodifs .column.video .img,
body#moteurs.mesmodifs .column.texte .img,
body#moteurs.mesmodifs .column.photo .img {
	display: table; height: 111px;
	position: relative; overflow: hidden;
}

body#moteurs.mesmodifs .column.video .img span,
body#moteurs.mesmodifs .column.texte .img span,
body#moteurs.mesmodifs .column.photo .img span {
	position: absolute; top: 10%; text-align:center;
	display: table-cell; vertical-align: middle; width:149px;
}

body#moteurs.mesmodifs .column.texte .img span img,
body#moteurs.mesmodifs .column.photo .img span img {
	position: relative; top: -50%
}


/* 15 moteurs */
body#quinze_moteurs h2 {margin-bottom:20px;}
body#quinze_moteurs #full3dcontainer div.box {margin-top:54px;}

body#quinze_moteurs .containerBlocs {
	display:block; width:983px; top:8px;
	position:relative; left: -16px; float:left;
}
/* patch ie7 */
*+html body#quinze_moteurs .containerBlocs{left:-14px !important;}

body#quinze_moteurs .containerBlocs .bloc {
	display:block; width:310px; height:307px;
	margin:0 23px 24px 0; position:relative; float:left;
	font-family: Arial, Helvetica, sans-serif;
}
body#quinze_moteurs .containerBlocs .bloc.last {margin-right:0; clear:right;}

body#quinze_moteurs .containerBlocs .bloc h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:48px; margin:100px 0 0 8px; font-weight:normal;
}
body#quinze_moteurs .containerBlocs .bloc h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px; margin:0 0 0 8px; font-weight:normal;
}
body#quinze_moteurs .containerBlocs .bloc p {width:259px; margin:4px 0 0 10px;}

.bloc.pink {background:url(/library/images/backgrounds/moteurs/moteur_ffdae5.gif) 0 0 no-repeat;}
.bloc.white {background:url(/library/images/backgrounds/moteurs/moteur_ffffff.gif) 0 0 no-repeat;}
.bloc.aqua{background:url(/library/images/backgrounds/moteurs/moteur_d9f4ff.gif) 0 0 no-repeat;}
.bloc.aquadark {background:url(/library/images/backgrounds/moteurs/moteur_a1c4bb.gif) 0 0 no-repeat;}

/*---------------------- Livre --------------------------------------------------------------------------------------------*/
h3.livre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #000000;
}
table.livre {
	width: 100%;
}
table.livre .image {
	width: 340px;
}
table.livre .text p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #b3a7a7;
}


div.acheterImageLinks {
	background-image: url(/library/images/text/livre/acheterEnLigne_imageMap.gif);
	background-repeat: no-repeat;
	width: 234px;
	height: 71px;
}

div.acheterImageLinks a#renaudbray, div.acheterImageLinks a#archambault {
	position: relative;
	text-decoration: none;
	display: block;
	height: 25px;
	width: 234px;
	top: 24px
}
div.acheterImageLinks a i {
	visibility: hidden
}

div.show strong {
	font-weight: bold;
}

div.collaborationImageLinks {
	background-image: url(/library/images/text/livre/enCollaboration_imageMap.gif);
	background-repeat: no-repeat;
	width: 180px;
	height: 70px
}
div.collaborationImageLinks a#lait, div.collaborationImageLinks a#artv {
	position: relative;
	float: left;
	text-decoration: none;
	display: block;
}
div.collaborationImageLinks a#lait {
	top: 22px;
	height: 49px;
	width: 59px;
}

div.collaborationImageLinks a#artv {
	top: 28px;
	height: 37px;
	left: 47px;
	width: 71px;
}
div.collaborationImageLinks a i {
	visibility: hidden
}

/*---------------------- Exposition --------------------------------------------------------------------------------------*/

div.exposition a {
	outline: none;
	margin: 0;
	padding: 0;
	margin-right: 6px;
}

div.exposition img {
	margin: 0;
	padding: 0
}

/*---------------------- Livre -------------------------------------------------------------------------------------------*/

div.livreSS {
	padding-top: 40px;
	text-align: justify;
}

div.livreSS a {
	outline: none;
	margin: 0;
	padding: 0;
	margin-right: 16px;
}

div.livreSS img {
	margin: 0;
	padding: 0;
	border:1px solid #e0e0e0;
}