/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ on reset tout */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*Fin du reset Meyer*/




/* elements generique */

*{
margin:0px;
padding:0px
}


h1{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.3em;
font-weight: normal;
color:#374D86;
padding-left:5px;
line-height:1.6em;
text-transform: uppercase;
}
	
p{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.7em; 
font-weight: normal;
color:#555555;
}

a{
color:#04A1E4;
font-size:0.9em; 
font-weight:normal;
font-style:normal;
text-decoration:none;
}

a:hover{
color:#0A668F;
font-style:normal;
text-decoration:none;
}

a.spip_out{
color:#04A1E4;
}

a.spip_out:hover{
color:#0A668F;
}

a.spip_mail{
color:#04A1E4;
}

a.spip_mail:hover{
color:#0A668F;
}



strong{
font-weight: bold;
}

/* Templates */

body{
background:url() repeat-x #eeeeee;
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align: center;
color: #333333;
}

#wrapper {
background:#fff;
margin-top:0px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
width:980px;
border-right: 0px solid white;
}

#col1{
background: #0A668F url(squelettes/img/tvr.jpg) no-repeat ;
margin-top:0px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
width:980px;
height:293px;
border: 0px solid white;
overflow:hidden;
}

#navcontainer ul{
padding-left: 0;
margin-left: 0;
background-color: #1A181D;
color: white;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size: 0.85em;
text-transform: uppercase;
}

#navcontainer ul li {
display: inline; 
}

#navcontainer ul li a{
padding: 0.3em 1em;
background-color: #1A181D;
color: white;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover{
background-color: #0A668F;
color: #fff;
}

#navcontainer ul li a.on{
background-color: #0A668F;
}

div#navcontainer span#language{
float: right;
display: inline;	
margin-top: -20px;
margin-right: 10px; /*a verifier sous ie*/
}

div#navcontainer span#language a.menulangue{
color: #fff;
text-decoration: underline;	
}

div#navcontainer span#language a.menulangue:hover{
color:#ccc;
text-decoration: underline;	
}

div#navcontainer span#language a.onlanguemenulangue{
color:#04A1E4;
text-decoration: none;	
}

div#navcontainer span#language a.onlanguemenulangue:hover{
color:#ccc;
text-decoration: none;		
}




/*http://css.maxdesign.com.au/listamatic/horizontal03.htm*/

#content{
float:left;
margin-left:0px;
margin-right:0px;
width:980px;
background:#FFF;
margin-bottom:10px;
}



/*Ici la partie centrale*/

#col2{
float:left;
margin-left:0px;
padding-left:30px;
padding-right:10px;
padding-bottom:60px;
margin-top:20px;
background: transparent;
width:670px;
height:500px; /*patcher pour ie on garantie une hauteur min sinon le floot droite se deporte sur la gauche*/
text-align:left;
font-size:0.9em;
}

html>body #col2{
height: auto;
min-height: 500px;
} /*hack pour ie et opera http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/

#col2 h1{
display:block;
font-size:1.4em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:normal;
color:#FF0000;
font-weight:normal;
padding-bottom:0px;
margin-top:5px;
margin-bottom:5px;
text-transform: uppercase;
clear: both;
}

#col2 h3{
display:block;
font-size:1.1em;
font-family:Helvetica, Arial, sans-serif;
text-align:left;
font-weight:normal;
color:#0A668F;
font-weight:normal;
padding-bottom:0px;
margin-top:10px;
margin-bottom:5px;
margin-left:7px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eeeeee;
clear: both;
text-transform: uppercase;
}

#col2 p{ 
font: normal 1em Arial, Verdana, Helvetica, sans-serif;
margin-top:10px;
color: #999999;
text-align:justify;
margin-left:7px;
}

#col2 #login{
color: #999999;
	
}

#col2 #plan ul{
list-style-type: square;
color: #999999;
margin-left: 80px;
}

#col2 #plan ul li a{
color: #999999;
font-size: 1.2em;
margin-top: 20px;
margin-bottom: 20px;
}

#col2 #plan ul li a:hover{
color: #666;
text-decoration:none;
}

#col2 #plan h3{
margin-left: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

/*Ici commence la colonne de droite*/

#col3{
float:right;
display:inline;/*Sinon ie 6 voit double*/
background: #eeeeee; 
width:240px;
height:auto;
margin-right:12px;
margin-top:0px;
padding:0px;
padding-bottom: 20px;
padding-top: 20px;
text-align:left;
font-size:0.9em;
display:none;
}/*A priori pas besoin de cette div*/

#col3 #encartgris{
background:#1A181D;
padding-bottom: 20px;
padding-top: 20px;
}

#col3 #encartgris h3{
color:#FFF;
text-align:center;
display:block;
font-size:1.3em;
font-family:Helvetica, Arial, sans-serif;
}


#col3 #encartgris p{ 
font: italic 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:1.4em;
margin-top:0px;
padding:35px 15px 15px 40px;
text-align:left;
color:#283E77;
}

#col3 #encartgris ul li{
margin:10px 10px 10px 40px;
color:#04A1E4;
list-style-type: square;
}

#col3 #encartgris ul li a{
color:#04A1E4; 
text-decoration: none;

}

#col3 #encartgris ul li a:hover{
color:#00FF00;
text-decoration: none;
}


#col3bis{
float:right;
display:inline;/*Sinon ie 6 voit double*/
background:#eeeeee;
width:240px;
height:700px; /*patcher pour ie on garantie une hauteur min*/
margin-right:12px;
margin-top:0px;
padding:0px;
padding-bottom: 20px;
padding-top: 20px;
text-align:center;
font-size:0.9em;	
}

#col3bis h1{
color:#FF0000;
text-align:center;
display:block;
font-size:1.3em;
font-family:Helvetica, Arial, sans-serif;
margin:10px;
}

#col3bis h3{
color:#FFF;
text-align:center;
display:block;
font-size:1em;
font-family:Helvetica, Arial, sans-serif;
margin:10px;
padding:10px;
margin-left:0px;
margin-right: 0px;
background-color: #0A668F;
}

html>body #col3bis{
height: auto;
min-height: 700px;
} /*hack pour ie et opera http://blog.alsacreations.com/2004/08/17/54-min-height-sur-internet-explorer*/



#col3bis img.part{
margin:8px;
text-align:center;
}

#col3bis p{
padding-left: 20px;
font-size:0.8em;
color:#000;
margin:10px;
text-align:center;
}


#footer {
clear:both;
margin-top:0px;
background:#0A668F;
color:#fff;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top:0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border-left: 0px solid white;
width:980px;
height:80px;
}

#footer p {
font-size:0.8em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#fff;
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
text-align:center;
margin:auto;
}

#footer a {
font-size:1em;
text-decration:none;
font-weight:normal;
color:#fff;
text-align:center;
text-decoration:none
}

#footer a:hover{
text-decoration:none;
font-weight:normal;
color:#FF0000;
text-align:center;
text-decoration:none;
}

#hierarchie{
font-size: 0.7em;
color: #666;
font-style: italic;
margin-left: 10px;
}/* Fil d ariane */


.motprog{
margin:10px;
color:#0A668F;
float:right;
} /*tableau rubrique program*/

/* Tableaux on surchage spip-style */
table.spip {
width: 650px; 
margin-right: auto; 
margin-left: auto; 
margin-bottom: 1em; 
border-collapse: collapse; 
border-spacing: 0; 
line-height: normal; 
color: #303030;
}


table.spip caption {
caption-side: top; /* bottom pas pris en compte par IE */ 
text-align: left; 
margin-right: auto; 
margin-left: auto; 
font-weight: bold; 
margin-bottom: 20px;
color: #0A668F; 
}

.art3 table.spip caption{
display:none;
}/*pour le programme en on prend des h3 pour faire des ancres*/

.art4 table.spip caption{
display:none;
} /*pour le programme fr on prend des h3 pour faire des ancres*/

table.spip tr.row_first {
background: #EEEEEE; 
border: 1px solid;
}

table.spip tr.row_odd {
background: #fff; 
}

table.spip tr.row_even {
background: #fff; 
}

table.spip th, table.spip td { 
padding: 0.20em 0.40em; 
text-align: left; 
border: 1px solid; 
}

table.spip th strong{
color: #0A668F;
}

table.spip th { 
vertical-align: bottom; 
font-weight: bold; 
}

table.spip td { 
vertical-align: top; 
}

/*Ici le sommaire de couteau suisse*/

div.cs_sommaire {
	display:block;
	float:right;
	margin-left:1em;
	margin-right:0.4em;
	overflow:auto;
	z-index:100;
	max-height:350px;
	text-align:left;
	margin-bottom: 20px;
}

a.sommaire_ancre {
background:transparent url(http://www.futuretv2009.org/prive/images/spip_out.gif) no-repeat scroll left center;
padding-left:10px;
text-decoration:none;
}

div.cs_sommaire a:after {
display:none;
}

div.cs_sommaire_avec_fond {
background: transparent url(http://www.futuretv2009.org/plugins/couteau_suisse/img/sommaire/coin.gif) no-repeat scroll left top;
border-right: 0px solid #EFEFEF;
border-bottom: 0px solid #EFEFEF;
padding-bottom:0.1em;
}

div.cs_sommaire_sans_fond {
border: thin solid #EFEFEF;
background-color: white;
}

div.cs_sommaire_inner {
margin: 3pt;
}

div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
	border-bottom: 0px dotted #EFEFEF;
	line-height: 1;
	position: inherit;
	font-weight: bold;
	text-align: center;
}

div.cs_sommaire_titre_avec_fond {
	margin-left: 15px;
}

div.cs_sommaire ul{
	margin: 0.3em 0.5em 0.1em 0.7em;
	padding: 0pt;
	font-size: 84%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.cs_sommaire_titre_avec_fond, div.cs_sommaire_titre_sans_fond {
	background:transparent url(http://www.futuretv2009.org/prive/images/deplierbas.gif) no-repeat scroll right center;
cursor:pointer;
padding-right:18px;
}

div.cs_sommaire_replie {
background:transparent url(http://www.futuretv2009.org/prive/images/deplierhaut_rtl.gif) no-repeat scroll right center;
border:none;
}

.cs_sommaire_invisible{
display:none; 
}


img.spip_logos{
float: left;
display:inline;
border-style: none;
width: auto;
height:auto;
height:auto;
margin:10px;
margin-right: 20px;
} /*Verifier sous ie il faut user avec image_recadre, image reduire ne marchant pas avec cette version de spip*/



p.right{
float: right;
}

#documents_portfolio img.spip_logos{
margin:10px;
border: 1px solid #777777;
}

/*Tableaux html pour le programme, reseter par mayer donc faut styler*/

table {
border:1px solid #0A668F;
border-collapse:collapse;
}

thead, tfoot {
background-color:#0A668F;
border:1px solid #0A668F;
}
tbody {
background-color:#FFFFFF;
border:1px solid #0A668F;
}
th {
border:1px dotted #0A668F;
padding:5px;
background-color:#0A668F;
color:#fff;
text-align:center;
}
td {
border:1px solid #0A668F;
padding:5px;
text-align:left;
}
caption {
font-weight: bold;
color:#0A668F;
}

table li {
list-style-type: square; 
list-style-position: outside;
margin-left:20px;
color: #999999;
}

table p strong{
color: #0A668F;
}