/* ------------------------------------------------------------------------------------
CSS MEDIA SCREEN : main.css
CLIENT :  Cyno Québec
CREATION : 27.03.2009
AUTEUR : ASPIX MEDIA - www.aspixmedia.com / -tim
----------------------------------------------------------------------------------- */

* {
  margin:0;
  padding:0;
  -moz-outline:none;
}
body {
	background:#f5f5e7 url(../images/bg_body.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, sans-serif;
	margin:10px 0;
}
img {
	border:none;
}
a {
	color:#cc0000;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color:#baaa81;
}
a.insertion {
	border-bottom:1px dotted #ab281a;
	color:#ab281a;
	font-weight:normal;
	text-decoration:none;
}
.impression {
	display:none;
}
.clear {
	clear:both;
}
#conteneur {
	background-color:#ffffff;
	margin:0 auto;
	padding:10px;
	width:800px;
}
#contenu {
	background-color:#FFFFFF;
}
.titlePrecision {
  border-bottom:1px dotted #cc0000;
  cursor:help;
}

/* ------------------------------------------------------------------------- */
/* --| En-tête / Menu / Widget --------------------------------------------- */
/* ------------------------------------------------------------------------- */
#entete {
	height:200px;
	width:100%;
}
#entete img.spacing  {
	margin-right:10px;
}
#menuHaut {
	background:#cc0000 url(../images/bg_menu.jpg) repeat-x;
	margin:5px 0;
	padding:10px;
	text-align:center;
}
#menuHaut ul li {
	display:inline;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
#menuHaut a {
	color:#ffffff;
}
.pipe {
	color:#cc0000;
	padding:0 15px;
}
#widget {
	background-color:#ffffff;
	margin:5px 0 20px;
	text-align:right;
	width:100%;
}
#widget p {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
}
#widget a {
	color:#333333;
	text-decoration:none;
}
#widget a:hover {
	color:#666666;
	text-decoration:none;
}

/* ------------------------------------------------------------------------- */
/* --| Pied |--------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
#pied {
  border-top:2px dotted #cccccc;
	clear:both;
	font-weight:bold;
	margin-top:30px;
	padding-top:20px;
	text-align:center;
}
#pied ul li {
	font-size:11px;
	display:inline;
	padding:1px;
}
#pied a {
	color:#666666;
}
#pied a:hover {
  color:#8a8a8a;
}
#copyright {
	margin:0 auto;
  padding:10px 0 30px;  
 	width:800px; 
}
#copyright p.droit  {
  font-size:11px;
  float:left;
  text-align:right;
  width:400px;
}
#copyright p.gauche  {
  color:#666666;
  font-size:11px;
  float:left;
  width:400px;
}
#copyright p.droit a  {
  color:#666666;
  font-weight:normal;
}
#copyright p.droit a:hover  {
  color:#8a8a8a;
}

/* ------------------------------------------------------------------------- */
/* --| Contenu |------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
#contenu #gaucheAccueil {
	float:left;	
}
#contenu #droitAccueil {
	float:right;	
}
#contenu #gauche {
	float:left;	
	width:265px;
}
#contenu #droit {
	float:right;	
	width:505px;
}
#contenu #contactG {
  /*border-right:2px dotted #cccccc; ### AVEC FORMULAIRE CONTACT */
  float:left;
  padding:0 10px 0 25px;
  /*width:363px; ### AVEC FORMULAIRE CONTACT */
  width:275px;
}
#contenu #contactD {
  float:right;
  padding:0 25px 0 10px;
  /*width:315px;### AVEC FORMULAIRE CONTACT */
  width:425px;
}
#contenu #seminairesG {
  float:left;
  width:182px;
}
#contenu #seminairesD {
  float:left;
  width:588px;
}

/* ------------------------------------------------------------------------- */
/* --| Sous-menu des cours / Colonne gauche + Droite |---------------------- */
/* ------------------------------------------------------------------------- */
#sousMenu {
	background:#ffffff url(../images/bg_sous-menu.jpg) no-repeat;
	float:left;
	height:670px;
	padding:40px 50px 0 0;
	text-align:right;
	width:220px;
}
#sousMenu a {
	color:#ab281a;
	font-weight:bold;
	text-decoration:none;
}
#sousMenu ul {
  font-size:14px;
  line-height:20px;
  list-style-type:none;
  }
#sousMenu p {
  color:#415b78;
}
#profilGauche {
	float:left;
	width:270px;
}

/* ---------------------------------------------------------------------------| --- |*/

#coursDroit, #profilDroit {
	padding:0 40px 0 280px;
}
#contenu #coursDroit .seminaires {
  margin-top:50px;
}
#contenu #coursDroit .seminaires p {
	color:#415b78;
  font-weight:bold;
  padding-top:10px;
  line-height:15px;
}
#coursDroit .seminaires img {
  float:left;
  margin-right:10px;
}
h1 {
	color:#415b78;
  font-weight:normal;
	font-size:22px;
	margin-bottom:20px;
}
h2 {
	color:#415b78;
	font-size:18px;
	font-weight:normal;
	margin:30px 0 0;
}
.marge {
	margin-top:0;
}
.fleche {
  margin-right:10px;
}
p {
	margin-bottom:15px;
}
p, ul {
	color:#333333;
	font-size:13px;
	line-height:19px;
}
ul.puce {
	list-style-image:url(../images/fleche.gif);
	margin:0 0 0 40px;
	line-height:18px;
}
.cadre {
	background-color:#dfd7c4;
	margin-top:20px;
	padding:15px;
	width:470px;
}
.cadre p {
	margin:0;
}
#contenu #seminairesG p.liste {
  margin:10px 0;
  clear:both;
}
#contenu #seminairesD p.liste img {
  float:left;
  padding:0 10px 10px 0;
}
 
/* ------------------------------------------------------------------------- */
/* --| Accueil |------------------------------------------------------------ */
/* ------------------------------------------------------------------------- */
#nouvelles {
	background-color:#dfd7c4;
	height:245px;
	overflow:hidden;
	padding:10px;
	width:220px;
}
#nouvelles h1 {
  margin-bottom:5px;
}
#seminaires {
	background:#dfd7c4 url(../images/bg_seminaires.jpg) no-repeat;
	border:1px solid #dfd7c4;
	margin-top:2px;
	width:238px;
}
#seminaires h3 {
	color:#baaa81;
	font-size:16px;
	font-style:italic;
	line-height:16px;
	margin:20px 0 0 70px;
}
#seminaires p {
	font-size:13px;
	margin:25px 10px 10px;
}
#seminaires img {
	bottom:0;
	*bottom:-4px; /* IE6 */
	height:42px;
	margin-left:191px;
	position:relative;
}
*+html #seminaires img { /* IE7 */
	bottom:-4px;
}
#contenu #droitAccueil #similitudes {
	height:258px;
	margin-bottom:0;
	width:550px;
}
#contenu #droitAccueil #similitudes h2, #contenu #droitAccueil #enseignement h2 {
	color:#0843a0;
	font-size:18px;
	font-weight:bold;
}
#contenu #droitAccueil #similitudes h2 {
	margin:0 0 20px 20px;
}
#contenu #droitAccueil #enseignement h2 {
	margin-top:5px;
}
#contenu #droitAccueil #similitudes p {
	border-bottom:2px dotted #dfd7c4;
	margin:10px 0 10px 20px;
	padding-bottom:5px;
	padding-left:20px;
}
#contenu #droitAccueil #enseignement div {
	background-color:#ffffff;
	border-top:2px dotted #dfd7c4;
	padding:5px 10px;
	width:530px;
}
#contenu #droitAccueil #enseignement h2.slogan {
	font-style:italic;
	margin:20px 0;
}
#contenu #droitAccueil #enseignement h3 {
	color:#baaa81;
	float:left;
	font-size:14px;
	text-align:right;
	width:100px;
}
#contenu #droitAccueil #enseignement p {
	margin:0 0 0 120px;
}
#contenu #droit p {
  margin:10px 0 20px;
}

/* ---------------------------------------------------------------------------- */
/* --| Formulaires |----------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
.y {

}
.yerr {
  color:#cc0000;
}
input[type="text"], textarea {
  color:#000000;
	border: inset 1px #999999;
  font:normal 11px Verdana, Helvetica, sans-serif;
	padding:2px;
}
.frm {
	width:380px;
}
.frm p {
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	margin:6px 0;
}
.msgErreur {
  color:#cc0000;
  font-size:12px;
  font-weight:bold;
  padding-bottom:8px;
}
.frmConfirmation, .frmEchec, .mpEchec {
  font-size:12px;
  margin:30px 0;
  text-align:left;
}
.frmConfirmation span, .mpConfirmation span {
  color:#009900;
  font-size:13px;
  font-weight:bold;
}
.frmEchec span, .mpEchec span {
  color:#cc0000;
  font-size:13px;
  font-weight:bold;
}

/* ---------------------------------------------------------------------------- */
/* --| Référer à un ami |------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */
.mpBackground {
	background-color:#000000;
	filter:alpha(opacity=90);
	opacity:0.9;
}
.mpRefererConteneur {
  background:#ffffff url('../images/bg_ami.jpg') no-repeat;
  border:2px solid #415b78;
  height:380px;
  width:760px;
}
.mpHeader, .mpReferer, .mpConfirmation, .mpEchec {
  font-size:12px;
  font-weight:normal;
  padding:15px 15px 0 230px;
}
.mpReferer p {
  clear:left;
  margin:0;
  padding:4px 4px 4px 165px;
  width:330px;
}
.mpConfirmation p, .mpEchec p {
  margin:30px 0;
	text-align:left;
}
.mpReferer p.obligatoire {
  border-bottom:1px dotted #333333;
  font-size:9px;
  margin:0;
  text-align:right;
}
.mpReferer .msgErreur {
  color:#cc0000;
  font-size:11px;
  margin:5px 20px 0 0;
  text-align:right;
}
.mpReferer label {
  float:left;
  font-weight:bold;
  margin-left:-165px;
  text-align:right;
  width:155px;
}
.mpReferer .boutons {
  margin-left:165px;
}
.mpReferer h6 {
  color:#666666;
  font-size:11px;
  font-weight:normal;
  margin-top:20px;
  padding:0;
  width:500px;
}


/* ---------------------------------------------------------------------------- */
/* --| Browsers |--------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
#browser {
  background-color:#ffffff;
  border:2px solid #415b78;
  height:240px;
  left:50%;
  margin-top:-120px;
  margin-left:-300px;
  padding:20px;
  position:absolute;
  top:50%;
  width:600px;
}
#browser #droit {
  margin-left:245px;
}
#browser #gauche {
  float:left;
  width:205px;
}
#browser .logo {
  margin:0 0 30px;
}