/*
2013-05-31-10-20-00
*/

/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
* {
    margin: 0;
    padding: 0;
}
html {
	font-size: 100%;
}
body
{
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 0.8em;
	line-height: 1.25;
    color: black;
	background: url("../img/fond.jpg") no-repeat fixed center center / cover #F0F0F2;
	text-align: center;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0;
}
h1 h2{
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal;
}
h1 {
	font-size: 3em;
	font-style: italic;
}
h2 {font-size: 1.8em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}
.doc ol {
    counter-reset: lst;
    padding-left: 140px;
}
.doc li:before {
    background: none repeat scroll 0 0 #CAB6B7;
    border-radius: 10px 10px 10px 10px;
    color: #6D3C42;
    content: counter(lst, decimal);
    font-weight: bold;
    margin-right: 8px;
    padding: 0 5px;
    vertical-align: top;
}
.doc li {
    color: #6D3C42;
    counter-increment: lst;
    font-size: 1.1em;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 2px;
}

/* Paragraphes */
p {
	margin: .75em;
}
li p, blockquote p {
	margin: .5em 0;
}

/* formulaires */
input[type=submit]{
	 min-width:150px;
	 margin-left:5px;
	 cursor:pointer;
	 border-radius:5px;
	 border:0;
	 background: #19675d;
	 color:#FFF;
 }
input[type=reset] {
	 min-width:150px;
	 margin-left:5px;
	 cursor:pointer;
	 border-radius:5px;
	 border:0;
	 background: #7ba24a;
 }
 input[type=submit]:hover, input[type=reset]:hover {
 background:#dcdcdc;
 box-shadow:1px 1px 1px #333399;
 color:#000;
 }

/* tables */
thead td {padding:0;width:184px;}

table 
{
	border-collapse:collapse;
}
/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

strong { font-weight: bold; }
pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}


/********************************************************************************************/
/********************************************************************************************/

h2 {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.45em;
	margin : 0;
	padding: 6px 8px;	
	display:block;	
    font: bold 14px/16px Arial;
}

.rect_orange{
    
    border-left: 0;
    border-right: 25px solid transparent;
	height : 0;
	width: 130px;
	
}
.tbl-orange{
	padding:4px;
	min-height:48px;
	border-bottom: 1px solid #A4A4A4;
	border-left: 1px solid #A4A4A4;
	border-right: 1px solid #A4A4A4;
}
/********************************************************/
.res-fond1 { 
	height : 48px;
	border: 0;
	background: url("../img/res1.png") no-repeat transparent;
	text-align: center;
	margin : 0;
	color: #000;
	font-size: 1.35em;
	font-weight: bold;
} 
.res-fond2 { 
	height : 48px;
	border: 0;
	background: url("../img/res2.png") no-repeat transparent;
	text-align: center;
	margin : 0;
	color: #000;
	font-size: 1.35em;
	font-weight: bold;
} 
.res-fond3 { 
	height : 48px;
	border: 0;
	background: url("../img/res3.png") no-repeat transparent;
	text-align: center;
	margin : 0;
	color: #000;
	font-size: 1.35em;
	font-weight: bold;
} 

#result table {
	margin : 0 auto 0 auto;
	padding-top:3px;

}
#action {
	margin : 20px auto 10px auto;
	text-align: center;
}



.err { color: #ff0000; }
.lt_gris {color: gray;font-size: 0.90em;}
input {
	border: 1px solid #000000;
	text-align: center;
	font-weight: bold;
	background: #FFF;
}
.rouge input{
	color: #ff0000;
	background: #ffffff;
}
input[readonly] {
	border: 1px solid #000000;	
	background: #c0c0c0;
}
#result input {
	color: #000000;
	border: 1px solid #000000;
	font-size: 1.20em;
	margin: 0 10px 0 10px;
	background:#a8a7a7;
}

.hide {
    display: none;
}

.text-center{
	text-align: center;

}
#no-script {
  background-color: red;
  padding: 6px;
  text-align: center;
  color: white;
	font-weight: bolder;
}
#no-support {
  background-color: red;
  padding: 6px;
  text-align: center;
  color: white;
  display: none;
  font-weight: bolder;

}
#part-support {
	margin-top:1px;
	margin-bottom:2px;
	border-top:4px solid #f2b100;
	
	background-color:#fffcb3;
  padding:  4px;
  text-align: center;
  color: #000;
  line-height:8px;
  font-size: 0.85em;
  display: none;
}
img {
  vertical-align:middle;
}

.synced{
	background: #4682b4;
}


#synchro {
	margin-top:5px;
	width:200px;
float:right;
}

#syn_progression {
	background: transparent;
	float:right;
	width:200px;
	display:none;
	padding-bottom:5px;
	color: #fff;
}

#syncAll {
	display:none;
	
}

/**********************************************/
a#imprimer {
	background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #dbdbdb));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
	border: 1px solid #fff;
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
	border-radius: 18px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	padding: 5px 10px;
	text-decoration: none;
	text-shadow: #fff 0 1px 0;
	float: left;
	margin-right: 5px;
	margin-bottom: 15px;
	display: block;
	color: #597390;
	line-height: 24px;
	font-size: 12px;
	font-weight: bold;
}
a#imprimer:hover {
	background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
	color: #000;
	display: block;
}
a#imprimer:active {
	background-image: -moz-linear-gradient(top, #dbdbdb, #ffffff);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dbdbdb),color-stop(1, #ffffff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dbdbdb', EndColorStr='#ffffff')";
	text-shadow: 0px -1px 0 rgba(255, 255, 255, 0.5);
	margin-top: 1px;
}
a#imprimer {
	border: 1px solid #979797;
}
a#imprimer.icon {
	padding-left: 11px;
}
a#imprimer.icon span{
	padding-left: 12px;
	background: url(../img/b_print.png) no-repeat 0 -4px;
}
a#imprimer.icon.print span {
	background-position: 0px -36px;
}