/* Eric Meyers Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	background-color: rgb(223,3,5);
	color: black;
	font: 100% Arial, Helvetica, sans-serif;
	}
	
/* ----------------------------| GENERIQUES |------------------------------- */

hr, .cache {
	position: absolute;
	left: -5000px;
	top: -5000px;
	font-size: .2em;
	width:1px;
	height:1px;
	overflow: hidden;
	}
	
strong { font-weight: bold; }
em { font-style: italic; }
acronym { border-bottom: 1px solid #ccc; cursor: help; }
a img, :link img, :visited img { border: 0 none; }
	
/* ----------------------------| DESIGN GLOBAL |------------------------------- */
	
#design {
	margin: 0 auto;
	width: 880px;
    font-size: .9em;
	text-align: left;
	background: rgb(223,3,5) url(../img/entete-SM09.gif) top no-repeat;
	}
	
/* ----------------------------| ENTETE |------------------------------- */

#evit { 
	margin: 0 33px;
	width: 814px;
	height: 20px;
	padding: 0;
	text-align: center;
	}

#evit ul {
	list-style: none;
	}

#evit ul li {
	display: inline;
	list-style-type: none;
	}
		
#evit li a {
	color: rgb(251,218,200);
	text-decoration: none;
	padding: 0 0.4em;
	font: 0.8em Arial, Helvetica, sans-serif;
	border-right: 1px solid rgb(251,218,200);
	}
	
#evit ul li a:hover, #evit ul a:focus {
	color: white;
	}

#entete { 
	margin: 0 33px;
	width: 814px;
	height: 111px;
	padding: 0;
	}
	
#bulle { 
	position: relative;
	top: 66px;
	left: 464px;
	width: 202px;
	height: 41px;
	padding: 0;
	background: transparent url(../img/bulle.gif) no-repeat;
	text-align: center;
	}

#bulle p { 
	line-height: 43px;
	font-weight: bold;
	}

#menu { 
	margin: 0 33px;
	width: 814px;
	height: 28px;
	}

#menu a { 
	display: block;
	float: left;
	height: 28px;
	padding: 0 12px;
	text-align: center;
	line-height: 28px;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: white;
	}
	
#menu1 { background: rgb(241,126,17)  url(../img/vide.gif) left repeat-y; }	
#menu2 { background: rgb(185,1,99)  url(../img/m2.gif) left repeat-y; } 	
#menu3 { background: rgb(0,0,153)  url(../img/m3.gif) left repeat-y; } 	
#menu4 { background: rgb(140,158,14)  url(../img/m4.gif) left repeat-y; } 
	
/* ----------------------------| DOCUMENT |------------------------------- */
	
#document { 
	margin: 0 33px;
	width: 814px;
	background: white  url(../img/fond-page.jpg) top repeat-x;
	}

#page { 
	margin: 0  270px 0 108px;
	width: 436px;
	padding: 0;
	padding-top: 10px;
	min-height: 540px;
	}	
	
#page1, #page2, #page3 { 
	width: 430px;
	margin-left: 6px;
	}

/* ********************* */
#page1 { 
	height: 340px;
	}
#page2 { 
	height: 200px;
	}
/* ********************* */
	
#page div.onglets { 
	width: 430px;
	}
	
#page div.onglets a { 
	display: block;
	float: left;
	height: 28px;
	padding: 0 10px;
	text-align: center;
	line-height: 33px;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #aaa;
	background-color: transparent;
	border-right: 1px solid #ddd;
	outline: 0 none;
	}
	
#page3 div.onglets a {  padding: 0 5px; color: #777; }
	
#page div.onglets a:hover, #page div.onglets a:focus { 
	color: black;
	}
	
#page div.onglets a.active { 
	color: black;
	line-height: 28px;
	font-size: 1em;
	padding-left: 15px;
	}
	
#page3 div.onglets a.active {  padding-left: 10px; }
	
#page1 div.onglets a.active, #page3 div.onglets a.active { 
	background: rgb(247,211,194) url(../img/fond-onglets1.jpg) no-repeat;
	}
	
#page2 div.onglets a.active { 
	background: rgb(247,211,194) url(../img/fond-onglets2.jpg) no-repeat;
	}
	
/* ********************* */
#contenu-accueil1 { 
	height: 302px;
	background: transparent url(../img/fond-page1.gif) 0 28px  no-repeat;
	padding-top: 35px;
	}
	
#contenu-accueil2 { 
	height: 172px;
	background: transparent url(../img/fond-page2.gif) 0 28px no-repeat;
	padding-top: 35px;
	}
	
#contenu-accueil1 div { 
	overflow: auto;
	margin: 5px 15px 5px 20px;
	height: 280px;
	}
	
#contenu-accueil2 div { 
	overflow: auto;
	margin: 5px 15px 5px 20px;
	height: 140px;
	}
	
#contenu-tableau { 
	background: transparent url(../img/fond-page1.gif) 0 28px  no-repeat;
	padding-top: 35px;
	}
	
#contenu-tableau div { 
	margin: 5px 15px 5px 20px;
	}
	
/* ********************* */

#page h2 {  margin-top: 10px; color: rgb(223,3,5);  }	
#page #contenu-tableau.listes h2 {  color: black; font-size: 1.4em;  }
#page #contenu-tableau.listes h2.type {   font-size: .6em;  }	

#page h3 a {  font-size: 1.1em; font-weight:bold; color: rgb(223,3,5); text-decoration: none;  }
#page h3 a:hover, #page h3 a:focus {  color:black; text-decoration: underline;  }		

#page p {  margin: 5px ; font-size: .9em;  }	
#page p.texte {  margin-left: 60px;  }	
#page p.texte span a {  color: #999; text-decoration: none;  }	
#page p.datelieu {  font-weight:bold; color:#999; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-left: 60px;  }	
#page p.tarif {   font-weight:bold; font-size: .8em; position: relative; top: -5px; margin-left: 60px;  }		
#page p.centre {  text-align: center;  }	
#page p a { color: rgb(223,3,5); }	

#page div.vignette {  float:left; margin: 5px 0 0 0; width: 60px; height:80px; }	

/* >>> Pages fiches */

#page p.fiche-visuel {  width:380px; background-color:white; }	
#page p.fiche-visuel img {  width:370px; margin:5px; }	
#page h3.fiche-titre {  font-size: 1.5em; color: rgb(223,3,5);  }	
#page h4.fiche-soustitre {  font-size: 1.1em; font-weight:bold; color: black;  }
#page p.fiche-datelieu {  font-weight:bold; color:rgb(223,3,5); border-top:1px solid rgb(223,3,5); border-bottom:1px solid rgb(223,3,5); margin-left: 0;  }	
#page p.fiche-tarif {   font-weight:bold; font-size: .8em; position: relative; top: -5px; margin-left: 0;  }	
#page p.fiche-par {  margin-left: 0;  }		
#page p.fiche-texte { margin-top: 10px;  margin-left: 0;  }	
#page p.fiche-intervenants {  margin-top: 10px; margin-left: 10px; padding-left: 8px; border-left:1px solid #aaa  }	
#page p.fiche-note {  margin-top: 10px; margin-left: 0; border:1px solid #ddd; padding: 5px; background-color: #efefef; font-style: italic;  }	
#page p.fiche-site {  margin-top: 10px; margin-left: 0; font-weight: bold; font-size: .9em; }	

#page a.lienreq { color:#777;  }
#page a:hover.lienreq, #page a:focus.lienreq { color:black;  }


/* ----------------------------| COL GAUCHE |------------------------------- */

#colgauche { 
	width: 108px;
	float: left;
	background: transparent  url(../img/logo-STRASMED.gif) top repeat-x;
	height: 540px;
	}
	
#web2 {
	width: 108px;
	height: 300px;
	padding-top:240px;
	background: transparent  url(../img/liens-web2.png) bottom center no-repeat;
	}
	
#web2 a {
	width: 108px;
	margin: 0;
	padding: 0;
	}

/* ----------------------------| COL DROITE |------------------------------- */

#coldroite { 
	width: 270px;
	float: right;
	min-height: 540px;
	padding-top: 10px; 
	}
	
#coldroite h2 { font-size: 1.3em; margin: 8px 0; }

#coldroite a { color: rgb(223,3,5); }	
	
#col1, #col2 { 
	width: 240px;
	margin: 0 15px 10px 15px;
	}
	
iframe {
	width: 220px;
	height: 180px;
	margin: 5px;
	border:4px solid #ccc; 
	}

/* ********************* */
#col1 { 
	height: 200px;
	}
#col2 { 
	height: 320px;
	}
	
#contenu-col1 { 
	height: 170px;
	background: transparent url(../img/fond-col1.gif) 0 28px  no-repeat;
	padding-top: 35px;
	}
#contenu-col2 { 
	height: 290px;
	background: transparent url(../img/fond-col2.gif) 0 28px no-repeat;
	padding-top: 35px;
	}
	
#contenu-col1 div { 
	overflow: auto;
	margin: 5px 10px 5px 20px;
	height: 160px;
	font-size: .9em; 
	}	
#contenu-col2 div { 
	overflow: auto;
	margin: 5px 10px 5px 20px;
	height: 280px;
	font-size: .9em; 
	}
/* ********************* */	

#col1 div.onglets, #col2 div.onglets { 
	width: 240px;
	}
	
#col1 div.onglets a, #col2 div.onglets a { 
	display: block;
	float: left;
	height: 28px;
	padding: 0 10px;
	text-align: center;
	line-height: 33px;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #aaa;
	background-color: transparent;
	border-right: 1px solid #ddd;
	outline: none;
	}
	
#col1 div.onglets a:hover, #col2 div.onglets a:hover, #col1 div.onglets a:focus, #col2 div.onglets a:focus { 
	color: black;
	}
	
#col1 div.onglets a.active, #col2 div.onglets a.active { 
	color: black;
	line-height: 28px;
	font-size: 1em;
	padding-left: 15px;
	}
	
#col1 div.onglets a.active { 
	background: rgb(247,211,194) url(../img/fond-onglets1.jpg) no-repeat;
	}
	
#col2 div.onglets a.active { 
	background: rgb(247,211,194) url(../img/fond-onglets2.jpg) no-repeat;
	}		
	
/* ----------------------------| BAS DE PAGE |------------------------------- */
	
#bas {
	margin: 0 33px;
	width: 814px;
	padding: 25px 0 10px 0;
	font-size: .85em;
	background: transparent url(../img/fond-bas.jpg) top no-repeat;
	}
	
#bas ul {
	list-style: none;
	}

#bas ul li {
	display: inline;
	list-style-type: none;
	}
		
#bas li a, #bas p a {
	color: black;
	text-decoration: none;
	border-right: 1px solid black;
	padding-right: .5em;
	}
		
#bas li a.sans, #bas p a.sans {
	border-right: 0 none;
	}
	
#bas ul li a:hover, #bas ul li a:focus, #bas p a:hover, #bas p a:focus {
	color: white;
	}
	
#vdn-websites {
	margin: 0 auto;
	width: 814px;
	}
	
/* ----------------------------| SPECIALES |------------------------------- */

object { overflow: hidden; }

iframe#iframeScript { 
	width:400px;
	height:290px; 
	/*
	border:5px solid black;
	border-top:8px solid black;
	border-bottom:10px solid black;
	*/
	margin:0;
	padding:0; 
	background-color:black;
	position:relative;
	top:0;
	left:-10px;
	}