*{
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	/*background:#FFFFFF;
	background-repeat:repeat-x;*/
	width:100%;
	font-family:Calibri;
	font-size:13px;
	color:#666666;
	background-color:#EDEEEE;
	background-image:url(../images/background.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100% 100%;
}

h1
{
	font-size:28px;
	font-weight:bold;
	margin-bottom:10px;
}

input
{
	width:250px;
	height:30px;
	/*Coins arrondis*/
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;
	text-align:left;
	padding-left:5px;
	font-size:20px;
	background-color:#fff;
	color:#7030a0;
	font-weight:bold;
	text-decoration:none;
	margin-top:-5px;
}

input[type="text"]
{
	width:650px;
	font-size:16px;
}

input[type="button"]
{
	 width:130px;
	 height:35px;
	 font-weight:bold;
     color: #EDEEEE;
	 font-weight:bold;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
	 text-shadow: 0px 1px 0px white;
	 text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.4);
     box-shadow: 0 0 10px rgba( 0, 0, 0, 0.8),
                 0 -1px 0 rgba( 255, 255, 255, 0.6);	
	
	box-shadow: 2px 2px 0px #aaa;
	font-size:20px;
	text-align:center;	
	padding-left:0px;
}

input[type="button"]:hover
{
	cursor:pointer;
	box-shadow: 6px 6px 0px #aaa;
}

#cadre
{
	width:700px;
	height:350px;
}

#prop
{
	visibility:hidden;
	position:absolute;
	background-color:#EDEEEE;
	height:auto;
	width:640px;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	background-color:#EDEEEE;
	background:rgba(100,100,100,.8);
	color:#ccccff;
	font-weight:bold;
	font-size:20px;
	margin-top:5px;
	padding:5px;
	cursor:pointer;
}

a:link {
    color:#EDEEEE;
	text-decoration:none;
}
a:visited {
    color:#EDEEEE;
	text-decoration:none;
}
a:hover {
    color:#EDEEEE;
	text-decoration:none;
}
a:active {
    color:#EDEEEE;
	text-decoration:none;
}

.flux
{
	padding:0px;
	margin:0px;
	width:auto;
}

.flux:hover
{
	color:#EDEEEE;
}

.titre_cat
{
	color:#66666;
}

.calque_titre
{
	width:auto;
	display:block;
	height:auto;
	text-align:center;
	background-color:#ccccff;
	border:#7030a0 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	padding-top:12px;
	box-shadow: 6px 6px 0px #aaa;
	color:#7030a0;	
}
.calque_question
{
	width:auto;
	display:block;
	text-align:center;
	background-color:#ccccff;
	border:#7030a0 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	padding-top:2%;
	font-size:40px;
	box-shadow: 6px 6px 0px #aaa;
	color:#7030a0;	
}

.texte_div
{
	font-size:15px;
	z-index:130;
	position:absolute;
	border-style:none;
	background-image:url(fond/fd-roll.gif);
	width:250px;
	height:170px;
	visibility:hidden;
	text-align:center;
}

.astuce
{
	width:auto;
	color:#66666;
	font-weight:normal;
	font-size:15px;
	padding:10px;
	text-align:center;
}

.colonne
{
	width:460px;
	float:left;
	height:285px;
	text-align:center;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	background-color:#EDEEEE;
	background:rgba(100,100,100,.1);
	color:#66666;
	font-weight:bold;
	font-size:20px;
	padding-top:16px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-left:40px;
}

.calque_rep
{
	width:400px;
	margin:30px;
	padding-top:25px;
	float:left;
	height:50px;
	text-align:center;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	background-color:#EDEEEE;
	border:#7030a0 1px solid;
	color:#7030a0;
	font-size:20px;
	/*margin-bottom:20px;
	margin-left:40px;*/
	font-family:"Georgia, serif";	
}

.calque_rep:hover
{
	cursor:pointer;
	box-shadow: 6px 6px 0px #aaa;
	background-color:#ccccff;
}

.titre_centre
{
	
	width:1100px;
	float:left;
	height:30px;
	text-align:center;
	border:#333 1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;	
	background-color:#ccccff;
	border:#7030a0 1px solid;
	color:#7030a0;
	font-size:18px;
	padding-top:16px;
	padding-bottom:10px;
	margin-bottom:20px;
	margin-left:40px;
	font-family:"Lucida Calligraphy";
	
}

.centre
{
	width:800px;
	float:left;
	text-align:center;
}

.div_conteneur_parent
{
	width:100%;
	height:auto;
	text-align:center;
}

.div_conteneur_page
{
	margin-top:5px;
	width:1200px;
	text-align:left;
	border:#666666 1px solid;
	height:auto;
	display:inline-block;
	background-color:#FFFFFF;
	background-image:url(../images/textpap4.jpg);
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 5px;	
}

.titre_page
{
	width:auto;
	padding-top:20px;
	height:45px;
	font-family:Calibri;
	color:#ff7f00;
	text-align:center;
	background-image:url(../images/bg-tech-std.png);
	background-repeat:no-repeat;
	background-color:#666666;
	padding-right:10px;
}

.div_saut_ligne
{
	width:100%;
	height:75px;
	display:inline-block;
}

.div_int_page
{
	width:100%;
	float:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	padding-top:5px;
	height:auto;
	font-size:14px;
	font-family:Calibri;
	color:#666666;
	text-align:left;
}
