/********************************************
   GENERAL
********************************************/
body {
	margin-top:0px; 
	background: #fff ;
	font-family:"Courier New", Courier, monospace;
	font-size:62.5%; /* Sets default font size to 10px */
}

a { font-weight:bold; }

a:hover { color: #99CC00; }	

img { border:none; }

/* entêtes */
h1 {
	font: bold  1.6em Tahoma, Arial, sans-serif; 
	margin:0 10px 10px 10px;
}

h1 a, h2 a , h3 a{ text-decoration: none; }

h2 { 
	font: bold 1.1em Tahoma, Arial, sans-serif; 
	margin: 10px 0 5px 30px;
}

h2 span { text-transform:uppercase;}

h3 { 
	font: bold 1.2em Tahoma, Arial, sans-serif; 
	margin: 0 0 0 0;
	color:#99CC00;
}

h5 { font: bold 1.1em "Arial", Sans-Serif; margin: 0; }

/* Elements "list"*/
ul {list-style : none; }

/* Divers*/
.align-justify {text-align:justify;}
.align-center {text-align:center ;}
.align-center-5 {text-align:center ; margin: 0 5px 0 0;}
.align-right {text-align:right;}
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}
.margin-auto {margin-left:auto; margin-right:auto;}
.orange_big {font-family: "Trebuchet MS"; font-size: 1.2em;font-weight: bold;font-style: italic; color:#FF6600;}
.orange_2 {font-family: "Trebuchet MS";font-size: 1.1em; line-height:1px;font-weight: bold;font-style: italic; color:#FF6600;}
/********************************************
   MENU / SOUS MENU
********************************************/
#menu { 
	float: right;
  	padding:0;
  	margin:98px 50px 0 0; 
  	list-style-type:none; 
  	font-size:1.6em; 
  	font-family:georgia, "times new roman", serif;
	font-weight:bold;
}
#menu li { float:left; text-align:center; background: url(img/nav.jpg) no-repeat ; height:32px; margin: 0 7px 0 0;}
#menu li a { background: url(img/nav.jpg) no-repeat left top; color:#fbeff2; text-decoration:none; }
#menu li a:hover { background:url(img/nav-hover.jpg) no-repeat left top; color:#610455; padding:0 0 12px 0;}
#menu li.current a {background:url(img/nav-hover.jpg) no-repeat left top; color:#610455; padding:0 0 13px 0;}
#menu li a b {margin:0 0 0 10px; padding:0 10px 7px 0; background:#610455 url(img/nav-b.jpg) no-repeat right top;}
#menu li a:hover b {background:#fff url(img/nav-hover-b.jpg) no-repeat right top;}
#menu li.current a b {background:#fff url(img/nav-hover-b.jpg) no-repeat right top;}

#ss_menu { 
  	padding:0;
  	margin:0 0 0 45px; 
  	list-style-type:none; 
  	font-size:1.4em; 
  	font-family:georgia, "times new roman", serif;
	font-weight:bold;
	letter-spacing:6px;
}
#ss_menu li { float:left; text-align:center; background: url(img/ss_nav.jpg) no-repeat ; height:27px; margin: 0 4px 0 0;}
#ss_menu li a { background: url(img/ss_nav.jpg) no-repeat left top; color:#fbeff2; text-decoration:none; }
#ss_menu li a:hover { background:url(img/ss_nav-hover.jpg) no-repeat left top; color:#610455; padding:0 0 12px 0;}
#ss_menu li.current a {background:url(img/ss_nav-hover.jpg) no-repeat left top; color:#610455; padding:0 0 13px 0;}
#ss_menu li a b {margin:0 0 0 10px; padding:0 10px 7px 0; background:#610455 url(img/ss_nav-b.jpg) no-repeat right top;}
#ss_menu li a:hover b {background:#f1e1e8 url(img/ss_nav-hover-b.jpg) no-repeat right top;}
#ss_menu li.current a b {background:#f1e1e8 url(img/ss_nav-hover-b.jpg) no-repeat right top;}

/********************************************
   BOX
********************************************/
#content { 
	width: 980px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	font-size:1.3em;
	padding: 0;
}

#header { 
	height: 130px; 
	background: url(img/header.jpg) no-repeat top left; 
	margin: 0 0 4px 0;
}	

.page{ 
	background: #a06899;
	margin: 0 0 4px 0;
	padding: 10px 0 10px 0;
}
.page h2{ 
	text-align:center;
	color:#fbeff2;
}
.page p{ 
	color:#fbeff2;
}

#left_180 { 
	float:left;
	width: 180px;
	display: inline;
}

#left_250 { 
	float:left;
	width: 250px;
	display: inline;
}

#left_250 p{font-size:.9em; color:#fbeff2; margin: 0 0 15px 10px ;}
#left_250 span { margin: 0 0 15px 0;}
#left_250 span a{ color:#ffbf12;font-weight:bold;}
#left_250 span a:hover{ color:#610455;}

/* Block 560*/
.block472 { 
	float: left;
	display: inline;
	width: 475px;
	margin: 10px 0 0 10px;
	background:url(img/fond-475.jpg) top left repeat-y;
}
.block472-top { 
	background:url(img/fond-top-475.jpg) top left no-repeat;
	height:15px;
}
.block472-bottom {
	background: url(img/fond-bottom-475.jpg) bottom left no-repeat; 
	height:15px;
}
.block472 h1{text-align:center;}
.block472 p{margin: 0 10px 0 10px; color: #000000;}

/* Block 700*/
.block700 {
	display: inline;
	margin: 0 10px 10px 0;
	float:right;
	width: 700px;
	background: url(img/fond-700.jpg) top left repeat-y;
}
.block700 h1{font-size:1em;}
.block700 h2{color:#610455;font-size:1em; text-align:left; font-style:italic;}
.block700 p{margin: 0 10px 0 10px; color: #000000;}
#sms-700 { 
	background:url(img/sms-700.jpg) top left no-repeat;
	height:60px;
}
.block700-top { 
	background:url(img/fond-top-700.jpg) top left no-repeat;
	height:15px;
}
.block700-bottom {
	background: url(img/fond-bottom-700.jpg) bottom left no-repeat; 
	height:15px;
}

/* Block 790*/
.block790 {
	display: inline;
	margin: 0 10px 20px 0;
	float:right;
	width: 790px;
	background: url(img/fond.jpg) top left repeat-y;
}

.block790 p{
	font-size:1em;
	text-align:justify;
	margin: 0 10px 10px 10px;
	color: #000000;
}

#photos { 
	background:url(img/photos.jpg) top left no-repeat;
	height:31px;
}
#bio { background:url(img/bio.jpg) top left no-repeat; height:31px;}

.block790-bottom {
	background: url(img/fond-bottom.jpg) bottom left no-repeat; 
	height:15px;
}
/* Block 960*/
.block960 {
	width: 960px;
	margin: 0 10px 0 10px;
	background: url(img/fond-960.jpg) top left repeat-y;
}
.block960 h1{text-align:center;}
.block960 h2{color: #000000;}
.block960 p{margin: 0 10px 20px 10px;color: #000000;}

.block960-top { 
	background:url(img/fond-top-960.jpg) top left no-repeat;
	height:15px;
}
.block960-bottom {
	background: url(img/fond-bottom-960.jpg) bottom left no-repeat; 
	height:15px;
}
/* Preview*/
.preview_left { 
	display: inline;
	float: left;
	width: 230px;
	margin: 7px 0 7px 12px;
	background:url(img/preview.jpg) top left repeat-y;
}
.preview_right { 
	display: inline;
	float: right;
	width: 230px;
	margin: 7px 12px 7px 0;
	background:url(img/preview.jpg) top left repeat-y;
}
.preview-top { 
	background:url(img/preview-top.jpg) top left no-repeat;
	height:15px;
}
.preview-bottom {
	background: url(img/preview-bottom.jpg) bottom left no-repeat; 
	height:15px;
}

.preview_left h2{ margin:0;text-align:center;letter-spacing:-1px;margin: 0 0 10px 0;color: #000000;}
.preview_left h2 span{color:#ff6600;letter-spacing:-1px;}
.preview_left a{ text-decoration:none;}
.preview_left p{ margin: 0 10px 10px 10px;color: #000000;}
.preview_right h2{ margin:0;text-align:center;letter-spacing:-1px;margin: 0 0 10px 0;color: #000000;}
.preview_right h2 span{color:#ff6600;letter-spacing:-1px;}
.preview_right a{ text-decoration:none;}
.preview_right p{ margin: 0 10px 10px 10px;color: #000000; }

.fiche{ 
color:#CCCCCC;
text-align:center;
width: 110px;
font-size: .9em;
}

.contour-clair {
	background:#EEEEEE; 
	border: 1px solid  #D4D4D4; 
	padding: 4px; 
}

.portrait{ 
	text-align:center;
	float:left;
	margin: 0 0 0 25px;
}

.portrait-bis{ 
	text-align:center;
	float:left;
	margin: 0 0 15px 10px;
	background:#fbeff2; 
	border: 1px solid  #D4D4D4; 
	padding: 4px; 
}

.portrait-bis a{ 
	text-decoration:none;
	font-size: 1.6em;
	text-transform:uppercase;
} 

.portrait-ter{ 
	text-align:center;
	float:left;
	margin: 0 0 0 8px;
	background:#610455; 
	border: 1px solid  #D4D4D4; 
	padding: 4px; 
}

.portrait-ter a{ 
	text-decoration:none;
	font-size: 1.6em;
	text-transform:uppercase;
} 
 
#iphone { 
	background:url(img/iphone.jpg) 50% 0 no-repeat;
	min-height:272px;
	width: 484px;
	margin:0 0 20px 0;
	float:left;
}

#iphone p{
	text-align:center;
	font: bold 1.1em "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#fbeff2;
	margin: 40px 0 0 0;
}

#video {
	margin: 20px 0 0 120px;
}	

/********************************************
   DIVERS
********************************************/
.symbol {float:right; font-weight:bold;}
.name {margin:0; text-align:center;} 
.galerie{margin: 0 0 20px 40px; background:#F7F7F7; border: 1px solid  #CCC; padding: 4px; }
.nav {height:35px;}
.retour-galerie{margin: 0 20px 30px 20px; font-size: 1.3em; font-weight:bold;}
.orange {color: #ff6600; font-weight:bold;}
.violet { font-weight:bold;}
.poster{text-align:center; background:#EEEEEE; border: 1px solid  #D4D4D4; padding: 4px; }
.tableau { float:left; margin: 0 2px 2px 0 ; }
.lien {text-align:center; }
.title{ font: bold .4em Tahoma, Arial, sans-serif ; margin:0; padding: 0;text-align:center;color:#000000; }
.violet{ color:#610455; }
.vert {color:#99CC00; font-weight:bold; }
#lecteur{margin: 93px 0 0 113px;}
#pubx{ text-align:center; margin:0;}

/********************************************
   FORM
********************************************/
form {
	margin: 0; 
	padding: 0;
	font-size: 0.9em;
	text-align:left;
}

fieldset {
	margin: 10px; width: 895px;
}

legend {
	margin: 0 0 0 20px;
}

label {
	font-weight:bold;
	margin: 10px 0 0 10px;
}
input {
	border:1px solid #CCCCCC;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}

#nom{ margin:10px 0 0 128px;}
#email{ margin:10px 0 0 65px;}
#autres{ margin:10px 0 10px 177px;}
#sujet{ margin:10px 0 0 65px;}
#corps{ margin: 0 0 0 250px;}
#code{ margin:0 0 20px 0;}
#submit{ margin:0 0 0 200px;}
#reset{ margin:0 0 0 30px;}

textarea {
	font: normal 1em Verdana, sans-serif;
	border:1px solid #CCCCCC;
	width:50em; 
	height:8em;
	color:#777;
}

.alert {
	font-weight:bold;
	color:#FF0000;
	margin: 0 10px 0 30px;
}

.crypto {
	text-align:center;
}

/********************************************
   FOOTER
********************************************/
#footer { 
background:#610455 url(img/footer.jpg) bottom left no-repeat;
text-align: center;
padding:20px 0 0 0;
}

#footer h1{ 
color:#FF00FF ;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
font-size: 1em;
margin:0 0 10px 0;
}

#footer a {
color:#999999;
text-decoration: none;
font-size:.8em;
}

#icra {
 text-align: center; 
 margin: 20px 0 0 0;
 }
 
#spywords {
margin: 10px 0 0 0;
text-align: center; 
vertical-align:middle;
}

#mention-legale {  
float: left; 
text-align:left;
margin: 10px 0 0 15px;
padding:0;
font-size:1.2em;
}

#copyright {  
float: right; 
text-align:right;
margin:10px 15px 0 0;
padding:0;
font-size:1.2em;
}

/********************************************
   NUMERO / SMS
********************************************/
.numero{
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: bold;
	font-style: italic;
	color:#FF6600;
	text-align: center;
	margin: 10px 0 10px 0;
	background: url(img/numero.jpg) 49% 32px repeat-x;
}
.numero p{ font-size:16px; text-align:center;}
.numero a{ color:#FF6600; text-decoration: none;}
.numero_visio{
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size: 60px;
	font-weight: bold;
	font-style: italic;
	color:#FF6600;
	text-align: center;
	margin: 10px 0 10px 0;
	background: url(img/numero_visio.jpg) 50% 37px no-repeat;
}
.numero_visio p{ color:#99CC00; font-size:16px; text-align:center;}

.prefixe {
	font-size: 45px;
	color:#FFF;
}	
.prefixe a{ 	color:#FFF; text-decoration: none;}

/* SMS */
#sms {
	color:#CC0099;
	font-style:italic;
	font-family:"Arial Black";
	font-size:2.5em;
	text-align:center;
	margin: 0;
	line-height: .9em;
}

#sms .small {
	font-family:"Arial";
	font-size:.4em;
	font-style:normal;
}

#sms .blanc {
	font-size:.6em;
	color:#333333;
}

#sms-stop {
	text-align:center;
	margin-top: 60px;
}