/* CSS Document */


body {background-color:white; margin-left: 50px;}

.container_support_ipod { 
	margin: 0px 20px 10px 100px;
	padding: 10px;
	height:auto;
     
	background-color:white ; 
	text-align:center; 	
	}


td.titre {
	font-size:16pt; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bolder; 
	color:black;
	text-align:center; 
}

td.titre_modele {
	font-size:12pt; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-align:center;
	padding:0 10px;
	color:#FF8000;
	border-right: thin solid #FF8000; 
	
}

.texte_avertissement {
		font-size: 10pt; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-weight: bold; 
		color: black;
		text-align:left; 
}


td.texte {
	font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center; 
	height:auto;
	background-color:#DEDEDE; 
}


td.texte2 {
	font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center; 
	height:auto; 
}

td.espace_bordure {
	height:20px;
	width:100%;

	}
	
td.espace_bordure_top {
	height:5px;
	width:100%;
	}
	
td.espace_bordure_bottom {
	height:5px;
	border-top: thin solid #FF8000;	
	width:100%;
	}

td.espace {
	height:20px;
	}
	
.liens {
	width:900px;
	margin: 0px 20px 15px 100px;
	padding-left:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border:0;
	color:black;
	text-align:left;
	}

a.starck_support:link {text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.starck_support:visited {text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.starck_support:hover {text-decoration: none; color: #eb732c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a.starck_support:active {text-decoration: none; color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}


.support_question {text-align:left; font-size: 13px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold; vertical-align:middle; border:none; }

.marge {width:7px;}

.support_reponse {text-align:left; vertical-align:top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:black;}


a.faq-starck:link {text-decoration: none; color: #888888;}
a.faq-starck:visited {text-decoration: none; color: #888888;}
a.faq-starck:hover {text-decoration: none; color: #eb732c;}

.starck_procedure { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:black; margin: 1em 0 1em 10px; list-style-type:decimal; list-style:decimal; }

.support_encadre { 
		width: 800px; 
		border: thin solid #ABABAB;
		position:relative; left:100px; 
		margin: 25px 0 25px 0;
		text-align:left;
		padding:10px;
		-moz-border-radius : 10px;
		-moz-box-shadow: 2px 2px 12px #ABABAB;
	}


.support_encart_telechargement { 
		width: 300px; 
		border: thin solid #ABABAB; 
		text-align:left; 
		font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
		padding:5px;
position: relative; left: 50px;

	}

.support_encart_telechargement_logo { 
		text-align:left;
		float:left;
		margin-right:5px;
	}
	
.support_encart_telechargement_legende { 
		width: 220px; 
		text-align:left;
		float:left;
	}
	
.support_encart_telechargement_bouton { 
		width: auto; 
		text-align:right; 
		margin-top:5px;
	}

.support_encadre_titre {
		height:40px; 
		width:800px; 
		text-align:left;
		font-size: 24px; font-family: Geneva, Arial, Helvetica, sans-serif; font-weight: bold;	
		position: relative; top:3px;
		margin-bottom: 25px;
		}


.support_texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; border:none;}

.titre_reponse2 {color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

.interface_utilisateur {color: #eb732c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

a:link {text-decoration: none; color: #888888;}
a:visited {text-decoration: none; color: #888888;}
a:hover {text-decoration: none; color: #eb732c;}
a:active {text-decoration: none; color: #ffffff;}

.support-starck {margin-left:100px; color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background:white; width:980px;}

p {color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

h1 {color: #eb732c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px;}

h2 {color: #eb732c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; width:800px; border-bottom: thin solid #eb732c; height:auto; margin-top:40px;}

table.im {margin-left: 30px;}

td.titre_im { font-weight: bold; width: 150px; height:auto; vertical-align:top; text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; 
}

td.texte_im { width: 600px; height:auto; padding:0 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom:20px; color: black; }

.procedure_starck {list-style-type:decimal; list-style:decimal; padding-left: 10px; margin-bottom:0.8em; color:black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

.liste_tiret { list-style-type:none;}


.reponse {color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.support_starck_note {color: #eb732c; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }

a.starck:link {text-decoration: none; color: white;}
a.starck:visited {text-decoration: none; color: white;}
a.starck:hover {text-decoration: none; color: #eb732c;}


.encadre_opal_langues { 
		width: 900px; height:auto; 
		margin: 25px 0 25px 0;
		text-align:left;
		padding:10px;
	}


.encadre_opal_langue { 
		width: 100px;
		height:35px; 
		padding:10px; 
		float:right; 
		text-align:center;
		}

.encadre_opal { 
		width: 500px; 
		height:200px;
		padding:5px; 
		float:left; 
		text-align:left;
		border: thin solid #ABABAB;
		margin:0 0 0 40px;
		}
		
.encadre_opal2 { 
		width: 280px; 
		height:200px;
		padding:5px; 
		float:left; 
		text-align:left;
		border: thin solid #ABABAB;
		}



.encadre_opal_bas { 
		width: 500px; 
		height:250px;
		padding:5px; 
		float:left; 
		text-align:left;
		border: thin solid #ABABAB;
		margin:0 0 0 40px;
		}
		
.encadre_opal_bas2 { 
		width: 280px; 
		height:250px;
		padding:5px; 
		float:left; 
		text-align:left;
		border: thin solid #ABABAB;
		float:left;
		}





.encadre_opal_bouton { 
		width: 230px; 
		height:auto;
		float:left; 
		text-align:left; 
		margin:15px 10px 5px 10px;
		}


.opal_titre 
		{ 
		font-size: 18px; 
		font-weight: bold; 
		font-family:  Arial, Helvetica, sans-serif; font-weight:bold; 
		color: black; 
		position:relative; 
		margin:10px 0 5px 10px; 
		
		}

.opal_texte_gris 
		{
		text-decoration: none;
		color: #666666; 
		font-size: 12px; 
		font-family:  Arial, Helvetica, sans-serif;   
		font-weight: bold;
		width: 230px; 
		height:auto;
		float:left; 
		text-align:left; 
		margin:0 10px 10px 10px;
		}


.opal_texte_blanc 
		{
		text-decoration: none; 
		color:#FFFFFF;
		font-size: 11px; 
		font-family:  Arial, Helvetica, sans-serif; 
		font-weight: bold;
		width: 260px; 
		height:auto;
		float:left; 
		text-align:left; 
		margin:10px 10px 10px 10px;
		}


.opal_didac 
		{
		color:#FFFFFF;
		text-decoration: none;
		width: 490px; 
		height:auto;
		margin:10px 0px 0px 0px;
		}


.opal_didac_texte_question 
		{
		text-decoration: none; 
		color:black;
		font-size: 12px; 
		font-family:  Arial, Helvetica, sans-serif; 
		font-weight: bold;
		width: 390px; 
		height:auto;
		float:left; 
		text-align:left; 
		margin: 15px 0 5px 10px;
		}

.opal_didac_texte { 
		width: 80px;
		height:30px; 
		padding:0 10px; 
		float:left; 
		text-align:center;
		margin-left:10px; color:black; font-weight:bold; font-size: 12px;
		
		
		}


.opal_texte { 
		font-family:  Arial, Helvetica, sans-serif; 
		color:black;
		font-weight:bold; font-size: 12px;
		
		}

.opal_images { 	-ms-interpolation-mode: bicubic; 

}


a.language:link {text-decoration: none;  font-size:14px; font-family:  Arial; font-size:11px;}
a.language:visited {text-decoration: none;  font-family:  Arial; font-size:11px; 
}
a.language:hover {text-decoration: none; color: #666666; font-family:  Arial; font-size:11px; 
}
a.language:active {text-decoration: none;  font-family:  Arial; font-size:11px;}


.style_footer{color: #666666; font-family: Helvetica; }


a.footer:link {text-decoration: none; color: #666666; font-size: 10px;} 
a.footer:visited {text-decoration: none; color: #666666; font-size: 10px;} 
a.footer:hover {text-decoration: none; color: #888888; font-size: 10px;}
a.footer:active {text-decoration: none; color: #ffffff; font-size: 10px;}

a.starck_tutoriel:link {text-decoration: none; color: #666666; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel:visited {text-decoration: none; color: #666666; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel:hover {text-decoration: none; color: #eb732c; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel:active {text-decoration: none; color: #666666; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}

a.starck_tutoriel2:link {text-decoration: none; color: black; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel2:visited {text-decoration: none; color: black; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel2:hover {text-decoration: none; color: #eb732c; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}
a.starck_tutoriel2:active {text-decoration: none; color: black; font-size: 12px; font-family:  Arial, Helvetica, sans-serif; font-weight: bold;}


.spacer {clear:both; height:0px; display:block;}

/* CSS Document */






#contain {
position:absolute;
top:85px;
left:100px;
z-index:100;
}

#bgdroitebas {
	background-image:url(http://www.parrot.com/starck/zikmu/buy/texte_fck_2/image/zikmu-parrot-by-philippe-starck-xrays.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
background-attachment:fixed;
}


#video {
background-image:url(http://www.parrot.biz/fr/video/parrot60s/bg_video.jpg);
background-attachment:fixed;
background-repeat:no-repeat;

}


dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px !important;
	padding: 0px !important;
}
dl.menu
{
	float: left;
	width: 140px;
	cursor: pointer;
	border-left:1px #fff solid;
	height:22px;
}
dl.menu a.prem
{
	padding-top:4px;
	color:#fff;
	width:140px;
	text-align:center;
	display: block;
	padding-bottom:1px;
}
dl.menu a.prem
{
	padding-top:4px;
	color:#fff;
	width:140px;
	text-align:center;
	display: block;
	padding-bottom:1px;
}
dl.menu a.prem:hover
{
	text-decoration:none;
}

dl.menu dt
{
	
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
}
dl.menu dd ul
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 140px;
	margin: 0px auto;padding: 0px;
	list-style-type: none;
	background: #EEE;
	font-size: 11px;
	display:none;
}
dl.menu dd ul li:hover
{
	background: #a60725;
}
dl.menu dd ul li a
{
	width:138px;
	display:block;
	text-decoration: none;
	color: #666;
	padding-left: 5px;
	
}
dl.menu dd ul li 
{

	margin: 0px auto;padding: 0px;

}
/* ######### CSS PARROT ######## */

h6 {
color:#ffffff;
font:13px courrier,arial,georgia,helvetica;
font-weight:bold;
display:block; padding:0px ; margin:0px;
padding:0px ; 
marging:0px;
background-image:url(zwo_info/css/images/parrot/title_background.jpg);
background-repeat:no-repeat;
border-top:0px solid #efefef;
border-bottom:0px solid #E080BD;
border-right:none;border-left:none;
}

div#back_bleu {
  background-image: url(zwo_info/css/images/parrot/background-bleu.gif);
  background-repeat: repeat;
  width: 150px;
  height: 80px;
  padding: 10px;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
}

fieldset {border:1px solid #a7a9ac;margin:0px;} 
fieldset legend {color:#OOOOOO; font-weight:bold; font-family:courrier,sans-serif,verdana,arial,times;} 
fieldset div {margin :0px; padding:0px;}


/* ######### FIN CSS PARROT ######## */



/* ######### redéfinitions de tags ######## */
td {
/* Changer ici les couleurs, familles et tailles 
de fontes par défaut pour tout le site */
/* dans zwook tous les textes apparaissent systématiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */
font-family: verdana,arial,sans-serif;
font-size:12px;
color:black;
}

/* style des cellules de titre */
th {
font-family: verdana,arial,sans-serif;
font-size:small;
color:black;
border-bottom:1px solid #131313;
border-top:0px solid #131313;
#background:#B3C9E0;
}

/* Style des liens */

a:link {
text-decoration:none;
color:#CCCCCC;

}

a:visited {
text-decoration:none;
color:#CCCCCC;
}

a:hover {
text-decoration:underline;
color:#CCCCCC;
}


em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#131313;
}

h5 em {
color:black;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des éléments de formulaire */
input, textarea {
background: #e0efff;
color:#131313;
border: 1px solid #131313;
}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agrémenter si on veut, bordures, etc.***/
background: #ffffff;
padding: 2;
margin: 3;
border-width: 2;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}

label { /*** Mise en forme des intitulés de champs ***/
float: left; /*** Très important, ne pas suprimer ! ***/
width: 37%; /*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont alignés à droite... ***/
line-height: 1.6;
margin: 0;
padding: 0;
}

label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}

/* Style des niveaux de titre */
h1 {
padding-left:0px;
font-size:20px;
}

h2 {
padding-left:0px;
font-size:18px;
color:#000000;
}

h3 {
color:#000000;
font-size:14px;
font-variant:small-caps;
border-bottom:0px solid #131313;
}

h4 {
font-family:arial,verdana,sans-serif;
color:#999999;
font-size:12px;
font-weight:bold;
border-bottom:0px solid #131313;
}

h5 {
font-variant:small-caps;
color:#7A7C7F;
}


/* Style des listes */
li {
list-style-type:square;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}

/* ######### classes génériques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais légèrement différente 
du background de page : voir forum pour tester */
background:#eaf4ff;
}
.alternate_backgroundr {
	/* utiliser ici une couleur proche mais l?g?rement diff?rente 
du background de page : voir forum pour tester */
	background: Green;
}
.alternate_background2 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background : voir calendrier pour tester */
background:#CDD6E0;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais légèrement différente 
du alternate_background2 : voir calendrier pour tester */
background:#f4f9ff;
}

.flashy_background a {
color:white;
}

.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
background:#88AADD;
}

/* Style alternatif des éléments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}
/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:4px;
display:block;
}

/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;}