@charset "utf-8";
/* CSS Document */

@font-face {font-family: "Sanford" ;src: url(fonts/sanford.ttf);}

/*TYPO*/
h1
{
	font-family: Rockwell, Sanford, Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	margin: 10px 0px 30px 0px;
	text-align: right;
}

h2
{
	font-family: Rockwell, Sanford, Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	margin: 10px 0px 30px 0px;
	text-align: right;
}

h3
{
	font-family: Rockwell, Sanford, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	margin: 10px 0px 30px 0px;
}

a
{
	font-style:italic;
}
	
.bleu
{
	color:#3e8ce6;
}

.jaune
{
	color:#eedb0e;
}

.vert
{
	color:#78f514;
}

.blanc
{
	color:#FFF
}

.rouge
{
	color:#CC3333;
}

.discret
{
	font-size:1em;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	margin:0;
	margin-top:12px;
	
}



/*PROPRIETE DE LA PAGE*/
*
{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#353535;
}

body
{
	width:100%;
	min-width: 800px;
}

html,body, #wrap
{ 
	height:100%;
	margin:0;
	padding:0;
}

body > #wrap
{
	height:auto;
	min-height: 100%;
	padding-bottom: 15px;
}

#page
{
	width: 800px;
	margin: auto;
	padding-bottom: 35px;
}

.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix 
{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix 
{
	display: block;
}
/* End hide from IE-mac */


/*EN TETE*/
#header
{
	background-color: #353535;
	height: 118px;
	width: 100%;
	margin: 0px;
}

#header img 
{
	border: none;
	float:left;
}

/*footer*/
#footer
{
	background-color: #353535;
	width: 100%;
	margin: 0px;
	position:relative;
	height: 35px;
	margin-top: -35px;
	clear:both;
	padding:0;
}

#footer p
{
	color:#FFF;
	padding-top:10px;
}

#copyright
{
	text-align:right;
}

#reseauxsociaux a
{
	display:block;
	float:left;
	width: 30px;
	height:30px;
	padding:0;
	margin:0;
	margin-top:5px;
}
#reseauxsociaux
{
	padding:0;
	margin:0;
}
#fb
{
	background-image:url('images/fbnonselec.png');
}
#fb:hover
{
	background-image:url('images/fbselec.png');
}
#twit
{
	background-image:url('images/twitnonselec.png');
}
#twit:hover
{
	background-image:url('images/twitselec.png');
}
#li
{
	background-image: url('images/ldnonselec.png');
}
#li:hover
{
	background-image: url('images/ldselec.png');
}
#via
{
	background-image:url('images/vianonselec.png');
}
#via:hover
{
	background-image:url('images/viaselec.png');
}

/*MENU*/
#navbar ul li
{
	float: left;
	margin-left: 30px;
}

#navbar ul
{
	list-style-type: none;
	margin:0px;
}

#navbar a
{
	font-family:Verdana, Geneva, sans-serif;
	color: #FFF;
	font-size: 1.5em;
}

#navbar
{
	position:absolute;
	right: 15%;
	top: 35px;
	min-width: 415px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

/* COLONNE DE GAUCHE INDEX*/
#column
{
	width: 210px;
	float: left;
	padding-top: 15px;
	overflow: hidden;

}

#monmail
{
	white-space:pre;
}
#column h2
{
	text-align:left; 
}

.logors
{
	margin-left:7px;
}

/*ENCADRE ROUGE COLONNE GAUCHE*/
#motscles
{
	background-color: #cc3333;
	width: 200px;
	padding:5px 0px 5px 0px;
	margin: 20px 0px 20px 0px;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(border-radius.htc); 
}

#motscles p 
{
	margin: 5px 0px 0px 0px;
	font-size: 1.2em;
	text-align:center;
}

/*CORPS DE LA PAGE*/
#content
{
	width: 570px;
	margin-left:230px;
	padding-top: 15px;
}

/* Vignette des creations*/
.vignette
{
	margin-bottom: 15px;	
	width:570px;
}

a img
{
	text-decoration:none;
	border:0;
}

/*Page de création*/
.image
{
	max-width: 792px;
	border: 4px solid #353535;
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

.urlsite
{
	text-align:center;
	margin-top: 30px;
	font-style:italic;
}

/*tableaux pages création*/
#tableaucrea
{
	margin: auto;
	width: 85%;
	border: 4px solid #353535;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px; 
	border-radius: 10px; 
	behavior: url(border-radius.htc);
	margin-bottom: 5px;
	margin-top: 10px;
	background-color:#FFF;
}

#tableaucrea th
{
	white-space:nowrap;
	padding: 10px 5px;
	text-align:center;
}

#tableaucrea td
{
	padding: 10px 5px;
}

/*COLONNE A PROPOS*/
#column2
{
	width: 200px;
	float: right;
	padding:6px;
	padding-right:0px;
	padding-top:0px;
	margin-top:15px;
	overflow: hidden;
	border-left: 3px solid #353535;
	
}

#content2
{
	width: 570px;
	margin-right:230px;
	padding-top: 15px;
}

#content2 h2
{
	font-family: Rockwell, Sanford, Verdana, Geneva, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	margin: 10px 0px 20px 0px;
	text-align:left;
}

#column2 h2
{
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

#column2 h3
{
	margin-top:4px;
	margin-bottom:4px;
}

#column2 a:hover
{
	font-weight:bold;
}

#column2 ul
{ margin-left:2px;
list-style-type:none;
font-size:0.9em;
}

/* Page CONTACT*/
#contact input
{
	width:100%;
}

#contact textarea
{
	width: 100%;
	height:220px;
}

#contact table
{
width: 570px;
}

/*Vidéos player vimeo*/
#videoplayer
{
	text-align: center;
}