/* --------------------------------------------------------
    Main stylesheet
    Site: 
    Created by: Stéphanie Léveillé - stephanie.leveille@leonarddg.com
    Filename: 
   -------------------------------------------------------- */
   
/* --------------------------------------------------------
    COLORS
    red:      #b81b1f
   -------------------------------------------------------- */

@import url('reset.css');

body {
	background: #939495 url(../img/background.png) repeat-x;
	color: #000;
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
}

h2 { color: #b81b1f; font-size: 1.5em; }
h3 { font-size: 1.2em; }
#formations h3 { color: #b81b1f; margin-top: 30px; }

#formations img { float:left; margin: 0 10px 10px 0;}

.red, a { color: #b81b1f; }

#container {
	background: #fff;
	margin: 0 auto;
	width: 784px;
}

#mainContent {
	padding: 40px 0;
}

#col1, #col2 {
	display: inline;
	float: left;
	padding: 0 35px;
	width: 437px;
}

#col2 {
	padding:0;
	width:276px;
}

#col100 {
	padding: 0 35px;
}


/* -------------------------------------------*/
/* --------------->>> header <<<--------------*/
/* -------------------------------------------*/
#header {
	background: url(../img/entete/backHeaderTop.png) repeat-y;
	height: 360px;
	position: relative;
}

#header h1 {
	background: url(../img/entete/Devtech50.png) no-repeat;
	height: 83px;
	margin:0;
	position: relative;
	top: 81px;
	width: 497px;
}

#header h1 a {
	display: block;
	height: 83px;
	text-indent: -9999px;
	width: 370px;
}

#header h2 {
	background: url(../img/entete/headPole.png) no-repeat;
	height: 81px;
	left: 137px;
	position: absolute;
	top: 0;
	width: 234px;
}

#header h2 a {
	display: block;
	text-indent: -9999px;
	height: 100%; width: 100%;
}

#txtPrix {
	background: #fff;
	height: 83px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 81px;
	width: 287px;
}

#home #txtPrix { background: url(../img/entete/prix.png) no-repeat; }

/*** titres header ****/
#header h3 {
	height: 157px;
	margin: 0;
	position: relative;
	text-indent: -9999px;
	top:81px;
	width: 370px;
}

#home #header h3 { background: url(../img/entete/tConcours.png) no-repeat; }
#description  #header h3 { background: url(../img/entete/tDescription.png) no-repeat; }
#formations  #header h3 { background: url(../img/entete/tFormation.png) no-repeat; }
#prix  #header h3 { background: url(../img/entete/tPrix.png) no-repeat; }
#inscription  #header h3 { background: url(../img/entete/tInscrire.png) no-repeat; }
#bodyPartenaires  #header h3 { background: url(../img/entete/tPartenaires.png) no-repeat; }
#finalistes  #header h3 { background: url(../img/entete/tFinalistes.png) no-repeat; }
#joindre  #header h3 { background: url(../img/entete/tJoindre.png) no-repeat; }


/*** images header ****/
#imgSection {
	height: 157px;
	left: 370px;
	position: absolute;
	top: 164px;
	width: 128px;
}

#home #imgSection { background: url(../img/entete/imgAcc.jpg) no-repeat; }
#description #imgSection { background: url(../img/entete/imgDescription.jpg) no-repeat; }
#formations #imgSection { background: url(../img/entete/imgFormation.jpg) no-repeat; }
#prix #imgSection { background: url(../img/entete/imgPrix.jpg) no-repeat; }
#inscription #imgSection { background: url(../img/entete/imgInscrire.jpg) no-repeat; }
#bodyPartenaires #imgSection { background: url(../img/entete/imgPartenaires.jpg) no-repeat; }
#finalistes #imgSection { background: url(../img/entete/imgFinalistes.jpg) no-repeat; }
#joindre #imgSection { background: url(../img/entete/imgJoindre.jpg) no-repeat; }

#imgHead {
	background: url(../img/entete/headImg.jpg) no-repeat;
	height: 157px;
	position: absolute;
	right: 0;
	top: 164px;
	width: 286px;
}


/* -------------------------------------------*/
/* ----------------->>> menu <<<--------------*/
/* -------------------------------------------*/

#menu {
	height: 50px;
	list-style: none;
	position: absolute;
	margin: 0;
	top: 321px;
}

#menu li, #menuSec li {
	display: inline;
	float: left;
}

#menu li a, #menuSec li a {
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
}

#menu li a:hover { background-position: 0 -50px; }

#mDescription a { background-image: url(../img/menu/mDescription.gif); width: 210px; }
#mFormation a { background-image: url(../img/menu/mFormation.gif); width: 161px; }
#mPrix a { background-image: url(../img/menu/mPrix.gif); width: 136px; }
#mInscrire a { background-image: url(../img/menu/mInscrire.gif); width: 84px; }
#mPartenaires a { background-image: url(../img/menu/mPartenaires.gif); width: 101px; }
#mFinalistes a { background-image: url(../img/menu/mFinalistes.gif); width: 92px; }

#description #mDescription a, #formations #mFormation a, #prix #mPrix a, #inscription #mInscrire a,
#bodyPartenaires #mPartenaires a, #finalistes #mFinalistes a
{ background-position: left bottom; }

#menuSec {
	list-style: none;
	margin: 0;
	position: absolute;
	right: 0;
	top: 47px;
}

#menuSec li a { height: 34px; }
#menuSec li a:hover, #home #mAccueil a, #joindre #mJoindre a { background-position: left bottom; }

#mAccueil a { background-image: url(../img/menu/mAccueil.png); width: 142px; }
#mJoindre a { background-image: url(../img/menu/mJoindre.png); width: 134px; }

/****** boutons *********/
#btnEnvoyer, #btnPayer {
	background-image: url(../img/btnEnvoyer.gif);
	background-repeat: no-repeat;
	display: block;
	height: 71px;
	width: 229px;
}

#btnPayer { background-image: url(../img/btnPayer.gif); }

#btnEnvoyer:hover, #btnPayer:hover { background-position: left bottom; }

#inscription #col2 #btnEnvoyer, #inscription #col2 #btnPayer { display: none; }

#inscription.insc1 #col2 #btnPayer { display:block; }

/* -------------------------------------------*/
/* --------------->>> titres <<<--------------*/
/* -------------------------------------------*/

#mainContent h2 { text-indent: -9999px; height: 30px; width: 400px;}

h2#tAcc {
	background: url(../img/titres/tAcc.png?v=2) no-repeat;
	height: 65px;
	width: 436px;
}
#tAcc1 { background: url(../img/titres/tFaconParticiper.png) no-repeat; }
#tAcc2 { background: url(../img/titres/tQuiParticiper.png) no-repeat; }
#tDesc { background: url(../img/titres/tDesc.png) no-repeat; }
#tReg { background: url(../img/titres/tReg.png) no-repeat; }
#tForm { background: url(../img/titres/tForm.png) no-repeat; }
#tJuges { background: url(../img/titres/tJuges.png) no-repeat; }
#tGrandPrix { background: url(../img/titres/tGrandPrix.png) no-repeat; }
#tPrixCLD { background: url(../img/titres/tPrixCLD.png) no-repeat; }
#tPrixEssor { background: url(../img/titres/tPrixEssor.png) no-repeat; }
#tPrixInno { background: url(../img/titres/tPrixInno.png) no-repeat; }
#tPrixPierre { background: url(../img/titres/tPrixPierre.png) no-repeat; }
#mainContent h2#tPrixOgilvy { background: url(../img/titres/tPrixOgilvy.png) no-repeat; height: 66px;}
#tNonTrouvee { background: url(../img/titres/tNonTrouvee.png) no-repeat; }
#tComm { background: url(../img/titres/tCommenditaires.png) no-repeat; }
#tPartComm { background: url(../img/titres/tPartComm.png) no-repeat; }
#tPartCorpo { background: url(../img/titres/tPartCorpo.png) no-repeat; }
#tFinalistes { background: url(../img/titres/tFinalistes.png) no-repeat; }
#tJoindre { background: url(../img/titres/tJoindre.png) no-repeat; }
#tInscrire { background: url(../img/titres/tInscrire.png) no-repeat; }
#tCoupCoeur { background: url(../img/titres/tCoupCoeur.png) no-repeat; }
#tActualite { background: url(../img/titres/tActualite.png) no-repeat; }
#tArchives { background: url(../img/titres/tArchives.png) no-repeat; }
#txtDesc {
	background: url(../img/txtDesc.png?v=2) no-repeat;
	height: 327px;
	text-indent: -9999px;
	width: 276px;
}

#dates, #nouvelle { border-left: 1px solid #939495; font-size: 0.9em; }
#nouvelle { margin-bottom: 20px; border-color: #B42820;}


#dates ul, #nouvelle p { list-style:none; margin: 0 10px; }
#dates ul li { margin-bottom: 5px; }
#dates strong { color: #b0232a; }
#dates h2, #nouvelle h2 {
	background: url(../img/titres/tDates.png) no-repeat;
	text-indent: -9999px;
	height: 27px;
	width: 276px;
}

#nouvelle h2 { background: #B42820 url(../img/titres/tNouvelle.png) no-repeat; }

/**** formulaire ***/
input, textarea { border: 1px solid #ccc; width: 200px; }
input.radio { width: auto; }

dl.form { border-top: 4px solid #bebebe; }	

dl.form dd {
	border-top: 0;
	padding: 10px 10px 10px 180px;
	border-bottom: 1px solid #a9afb2;
}

dl.form dt {
	float: left;
	font-weight: normal;
	width: 175px;
	padding: 10px 10px 10px 10px;
	color: #000;
	clear: both;
}

dl.form dd.textarea { padding: 10px; }
dl.form dd.textarea textarea { width: 90%; height: 200px; }
dl.form dt.textarea {
	float: none;
	width: 90%;
}

button.info_inscription {
	padding: 3px;
	cursor: pointer;
	background: #b42820;
	color: #fff;
	border-top: 1px solid #a3231c;
	border-right: 2px solid #a3231c;
	border-left: 1px solid #a3231c;
	border-bottom: 2px solid #a3231c;
	margin-top: 20px;
}	
	
	
button.bouton {
	padding: 3px;
	cursor: pointer;
	background: #cccc33;
	color: #fff;
	border-top: 1px solid #afaf21;
	border-right: 2px solid #afaf21;
	border-left: 1px solid #afaf21;
	border-bottom: 2px solid #afaf21;
	margin-top: 20px;
}

button.bouton:hover { color: #b81b1f; }

/* -------------------------------------------*/
/* --------------->>> footer <<<---------------*/
/* -------------------------------------------*/
#partenaires {
	margin: 0;
	list-style: none;
	padding: 0;
	height: 54px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #a9afb2;
	border-top: 1px solid #a9afb2;
}

#partenaires li {
	display: inline;
	float: left;
}


#homepage td {
	vertical-align: baseline;
}



/**** formations ****/
.formation p.date { margin: 20px 0 0; }
.formation h3 { margin-top:0 !important;}

hr { 
	height: 1px;
	margin: -0.5em 0;
	padding: 0;
	color: #F00;
	background-color: #ccc;
	border: 0;

}

.photos2 {
	float: left;
	line-height: 1.2em;
	margin: 0 10px 20px 0;
	width: 200px;
}
.photos2 img { margin-bottom: 5px; }


/*


.detailPrix span { color: #B81B1F; font-weight: bold;}
.detailPrix ul {
	padding-left: 20px;
	width: 185px; 
	float: left;
	margin-left: 0px;
	
	
}

*/


p.infoDesc  span { color: #B81B1F; font-weight: bold;}

ul.infoPrix {
	padding-left: 20px;
	width: 170px; 
	float: left;
	margin-left: 0px;
	
	
}


.photos {
	color: #999;
	font-size: 90%;
	float: left;
	line-height: 1.2em;
	margin: 0 10px 20px 0;
	width: 150px;
}
.photos img { margin-bottom: 5px; }

/* -------------------------------------------*/
/* --------------->>> other <<<---------------*/
/* -------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */