body {background-color: #E2E2E2;}
html {background-color: #E2E2E2;}

#page_loading_animation {background:url(../images/ajax-loader-grey-background.gif);height:66px;width:66px;}


	.block-content h1,
	.block-content .h1
 {
		top: 0em;
		font-size: 1.04em;
		font-weight:normal; text-transform:uppercase;	color:#5A5A5A; text-shadow: 1px 1px 0.025em #EEEEEE;letter-spacing:1px;
		padding-top: 0.55em;
		padding-bottom: 0.55em;
		padding-right: 1.478em;
		padding-left: 1.478em;
        box-shadow: none;
        border: none;
-webkit-border-radius: 8px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 8px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 8px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
cursor: default;
background:none;
background:#D2D2D2;
border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF; 
}

.block-content.login h1,.block-content.login .h1  {
font-size: 0.95em;
color: #47DFF1;
text-shadow:none;
background:none;background:#1E94A7;
border-left:1px solid #47DFF1;border-right:1px solid #47DFF1;border-bottom:1px solid #47DFF1;padding-top:0.4em;  padding-bottom:0.4em;letter-spacing:1px;
}

h3 {color: #1AA5B8;font-size:13px!important;}

span.red, span.rouge, span.error {color:#FF0000;}
span.green, span.vert {color:#11A222;}
span.error.label {padding:2px;color:#FFFFFF;background:#FF0000;padding-left: 0.35em;padding-right: 0.35em;min-width: 1em;text-align: center;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em;-webkit-background-clip: padding-box;border-radius: 0.25em;}
.categorie_hors_ligne {color:#FF0000;font-style:italic;}


.block-header {
	height: 3.5em;
	line-height: 3.5em; font-weight:normal;
	background: -moz-linear-gradient(
		top,
		#12C4D9,
		#1E94A7
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#12C4D9),
		to(#1E94A7)
	);

}




 #entete {
 	background-color: #BFBFBF;
    padding-left: 1em;padding-right: 1em;
    margin-left: 0em;
	margin-right: 0em;
	border: none;
	padding-bottom:15px;  cursor: default;
		}

		#logo_admin {display:block;clear:both;
height: 34px;
	line-height: 32px;
	padding:0px;
    margin:0px;
	background: url(../images/old-browsers-bg/title-aqua-bg.png) repeat-x;
	border: none;
	text-align: center;
	color: #7b7b7b;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
text-transform:uppercase;
-moz-box-shadow: 1px 1px 2px #777; box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777;
background: -moz-linear-gradient(
		top,
		#12C5DA,
		#1F94A7
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#12C5DA),
		to(#1F94A7)
	);

		}
#logo_admin li, #logo_admin li a {margin:0px;padding:0px;color: #0F525B; text-shadow: 1px 1px 1px #68C5D1; font-weight:bold;}

#logout_conteiner, .site_preview_conteiner {
	height: 34px;
	line-height: 32px;
	padding:0px;
    margin:0px;
 	border: none;
	text-align:center; vertical-align:top;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
-moz-box-shadow: 1px 1px 2px #777; box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777;
margin-left:0.85em; font-size:0.95em;
}

#logout_conteiner {
background-color:#B72D2D;
background: -moz-linear-gradient(
		top,
		#E66060,
		#9F1313
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#E66060),
		to(#9F1313)
	);
}
.site_preview_conteiner {
	background: #646464 url(../images/old-browsers-bg/aqua-status-bar-bg.png) repeat-x;
	background: -moz-linear-gradient(top,#8D8D8D,#515151);
	background: -webkit-gradient(linear,left top, left bottom,from(#8D8D8D),to(#515151));
	margin-right:0em; margin-left:0em;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

#logout_conteiner > a {margin:0em;}
#logout_conteiner > a:hover, .site_preview_conteiner > a:hover {box-shadow:none;color:#EEEEEE;text-shadow:none;}
#logout_conteiner > a:link, .site_preview_conteiner > a:link {height:100%;display:block;}
#logout_conteiner > a img {margin:0em;margin-left:1px;margin-top:0.25em;vertical-align:top;}
.site_preview_conteiner > a {margin:0em;}
.site_preview_conteiner > a img {margin-top:0em;margin-left:0em;margin-right:0.15em;vertical-align:top;}


.last {
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px; padding-right:1em; padding-left:1em;
}
.site_preview_conteiner > a {box-shadow:none;color:#000000; text-shadow: 0px 1px 1px #9C9C9C;}

	#status-bar {
	height: 34px;
	line-height: 36px;
    padding-left: 1%;padding-right: 1%;
    margin-left: 1em;
	background: #646464 url(../images/old-browsers-bg/aqua-status-bar-bg.png) repeat-x;
	background: -moz-linear-gradient(top,#8D8D8D,#515151);
	background: -webkit-gradient(linear,left top, left bottom,from(#8D8D8D),to(#515151));
	border: none;
	text-align: left;
	font-size:0.95em;
	-webkit-border-radius: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius: 5px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
border-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-box-shadow: 1px 1px 2px #777; box-shadow: 1px 1px 2px #777; -webkit-box-shadow: 1px 1px 2px #777;
		}

#status-infos {margin-top:-0.15em;cursor: default;
box-shadow:none;color:#CCCCCC; text-shadow:none;  text-shadow: -1px -1px 0.01em #535353;
}





ul#topbtns {margin-top: 15px;line-height:10px;font-size:11px;}
ul#topbtns li {float: left; margin-right: 9px; text-shadow: 1px 1px 1px #fff; color: #555}
ul#topbtns li img {padding: 10px 0 5px 0;}
ul#topbtns li a {background: #FFFFFF; text-transform:uppercase;cursor: pointer;width: 95px; height: 95px;text-shadow: none; border: 2px solid #FFFFFF; text-align: center; color: #777; text-decoration: none; -moz-box-shadow: 1px 1px 6px #888; -webkit-box-shadow: 1px 1px 6px #888; box-shadow: 1px 1px 6px #888; display: block; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; font-family:arial;font-size: 10px; font-weight: normal;}
ul#topbtns li a:hover, ul#topbtns li.active a {border: 2px solid #1D97AA;-moz-box-shadow: 1px 1px 6px #777; box-shadow: 1px 1px 6px #777; -webkit-box-shadow: 1px 1px 6px #777; color: #444;  }
ul#topbtns li.locked a {border: 2px solid #EEEEEE;background: #EEEEEE url(../images/icons/fugue/lock.png) no-repeat 73px 4px;}
ul#topbtns li.locked a:hover {border: 2px solid #D11111;background: #D11111 url(../images/icons/fugue/lock.png) no-repeat 73px 4px;color:#FFFFFF;}


.block-border   {border:none;background-color:#FFFFFF;}
.block-content   {border:1px solid #CACACA;border-radius: 4px;}
.block-content.login   {border:1px solid #999999;}
.block-controls {border-bottom: 1px solid #CACACA;line-height: 2.05em;}
.block-content.grey-background {background-color:#F0F0F0;}




.tabs-content {border-color:#BBBBBB;}
.tabs-content {-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-webkit-background-clip: padding-box;}
ul.side-tabs {margin-top:5.5em;}
ul.tabs li > a,
ul.side-tabs li > a,
ul.tabs li > span,
ul.side-tabs li > span {color: #A5A5A5;border-color:#BBBBBB;}

ul.side-tabs li > a, ul.side-tabs li > span {padding-left:4px;padding-right:0px;
border-radius: 5px 0px 0px 5px;
-moz-border-radius: 5px 0px 0px 5px;
-webkit-border-radius: 5px 0px 0px 5px;}

.form fieldset,.fieldset {border: 1px solid #D2D2D2;}
.legende_input, span.grey, span.grey2,span.legende  {font-weight:normal;}



/*-----------------boutons---------------------------------*/
button img {padding-right: 6px;}
button,.big-button, .button, .button.blue,a.big-button, a.button, a.button.blue {
	border: 0px solid;
 background:#00BCDA; moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none;
	text-transform:uppercase;
	color: white;
	font-size: 0.9em;
	padding: 0.3em 1em 0.5em;
	vertical-align:baseline;
	cursor: pointer;
	letter-spacing:1px; /* ajouté par tristan */
	letter-spacing:0.1em\9; /* ajouté par tristan - espaces lettres IE9 */	
	display:inline;
	}
.big-button {padding: 0.7em 1em 0.7em;font-size:1em;}
button:hover,.big-button:hover, .button:hover, a.button:hover, .button.blue:hover {border: 0px solid; background-color:#10CAE0;color:#4E4E4E;}

button.grey,.big-button.grey, .button.grey  {moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none;background:none; background:#8A8A8A;text-shadow: none;}
button.grey:hover,.big-button.grey:hover,.button.grey:hover {background:none; background:#A8A8A8;color:#FFFFFF;}

button.red,.big-button.red, .button.red, .red .button {border: 0px solid;moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: none;background:none; background:#E60808;text-shadow: none;}
button.red:hover,.big-button.red:hover, .button.red:hover, .red .button:hover, a.button.red:hover {border: 0px solid;background:none; background:#FF0000;color:#FFFFFF;}

.button.small {text-transform:none;font-size:0.85em;}

button.disabled,button.disabled:hover, button.blue.disabled,button.blue.disabled:hover, button.red.disabled,button.red.disabled:hover, button.red:disabled, button.red:disabled:hover, button:disabled, button:disabled:hover {background:#E8E8E8;color: #bfbfbf;-moz-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
		-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);}
		

.button.flat, a.button.flat {margin-top:0px;padding-left:27px;padding-right:12px;padding-top:8px;padding-bottom:6px;background-repeat:no-repeat;background-position: 7px 6px;}
.button.flat:hover, a.button.flat:hover {background-color:#F1832A;color:#FFFFFF;}
.button.edit, a.button.edit {background-image: url('../images/icons/flat-white/Edit-16.png');}
.button.delete, a.button.delete {background-image: url('../images/icons/flat-white/Delete-16.png');}
.button.pdf, a.button.pdf {background-image: url('../images/icons/flat-white/Pdf-16.png');}


footer .float-left .button,footer .float-right .button {background:none; background:#FFFFFF;}
/*-----------------fin boutons---------------------------------*/



ul.nav {
	position: relative;
	margin: 0;
	padding: 0;
}
ul.nav li {
	margin: 10px 6px 10px 0;
	padding: 0;
	list-style: none;
	float:left;
}
ul.nav li a {
	text-decoration: none;
	color: #999;
	line-height: 100%;
	padding-top:5px;padding-bottom:5px;
	padding-left:21px; padding-right:5px;
	background: #DDDDDD url(../images/icons/fugue/nav.png) no-repeat 4px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
ul.nav li a:hover {color: #FFFFFF; background-color: #00BCDA;}
ul.nav li.active a {background-color: #00BCDA;color: #FFFFFF;cursor:default;}



/*-----------------tinymce like boutons---------------------------------*/
.mceButton {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background-image: url("img/butt2.png");
	background-position: left top;
	background-repeat: repeat-x;
	cursor: default;
	display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica;font-size:11px;
	color:#000000;
	height: 20px; line-height: 20px;
	margin: 0px; margin-right:1px;margin-left:1px;
	padding: 0px;
	padding-bottom:2px;
	padding-right:1px;
	padding-left:1px;
	background-color: #F2F2F2; background-image: url("../../tiny_mce_3_5_10/jscripts/tiny_mce/themes/advanced/skins/cirkuit/img/butt2.png");
	border: 1px solid #B2B2B2;
	background: -moz-linear-gradient(
		top,
		#FCFCFC,
		#E6E6E6
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#FCFCFC),
		to(#E6E6E6)
	);
	text-align:left;
}

 /* label checkbox / mini-switch si on ou off */
 label.switch-off {color:#888888; text-shadow: 1px 1px 1px #FFFFFF; }
 label.switch-on {}
 
label.compile-icon {padding-left:25px;
 background-image: url('../images/icons/compile-icon-off.png');
   background-position: top 5px left 0px;
   background-repeat: no-repeat;}
 label.compile-icon.switch-on {background-image: url('../images/icons/compile-icon.png');}
 
 label.breadcrumb-icon {padding-left:25px;
 background-image: url('../images/icons/breadcrumb-icon-off.png');
   background-position: top 5px left 0px;
   background-repeat: no-repeat;}
 label.breadcrumb-icon.switch-on {background-image: url('../images/icons/breadcrumb-icon.png');}
 
 
 label.document-tree-icon {padding-left:25px;
 background-image: url('../images/icons/fugue/document-tree-off.png');
   background-position: top 5px left 0px;
   background-repeat: no-repeat;}
 label.document-tree-icon.switch-on {background-image: url('../images/icons/fugue/document-tree.png');}
  
label.menu-icon {padding-left:25px;
 background-image: url('../images/icons/fugue/menu-off.png');
   background-position: top 5px left -1px;
   background-repeat: no-repeat;}
label.menu-icon.switch-on {background-image: url('../images/icons/fugue/menu.png');}

label.find-icon {padding-left:25px;
 background-image: url('../images/icons/find-icon-off.png');
   background-position: top 5px left 1px;
   background-repeat: no-repeat;}
label.find-icon.switch-on {background-image: url('../images/icons/find-icon.png');}

label.comments-icon {padding-left:25px;
 background-image: url('../images/icons/fugue/balloon-off.png');
   background-position: top 4px left 0px;
   background-repeat: no-repeat;}
label.comments-icon.switch-on {background-image: url('../images/icons/fugue/balloon.png');}
  
  

 span.mceButtonLabel {
	margin:0px;margin-right:5px; margin-left:3px; line-height: 22px;
	text-align:left;
}
.mceButton span.mceIcon {
	float: left;margin:0px; margin-top:1px;
}
.mceButton span.mceIcon.InsertImage {
   width:22px;height:22px;
   background-image: url('../../tiny_mce_3_5_10/jscripts/tiny_mce/themes/advanced/skins/cirkuit/img/icons.png');
   background-position: top -39px left -730px;
   background-repeat: no-repeat;
}

a.mceButton:hover {
	border-color: #0EB4C8;
		background: -moz-linear-gradient(
		top,
		#F2F2F2,
		#DCDCDC
	);
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#F2F2F2),
		to(#DCDCDC)
	);
}
/*-----------------fin tinymce like boutons---------------------------------*/








/*-----------------boutons controls---------------------------------*/
ul.controls-buttons li.controls-block,ul.controls-buttons li a,div.controls-buttons > div,div.controls-buttons > span,div.controls-buttons > a, ul.controls-buttons li a.disabled:hover
{border:none;background:none; background:#F8F8F8;padding-left:0.65em;padding-right:0.65em;padding-top: 0.33em;padding-bottom: 0.4em;color:#333333;}
ul.controls-buttons li a:hover,ul.controls-buttons li a.current,div.controls-buttons > div:hover,div.controls-buttons > span:hover,div.controls-buttons > a:hover,div.controls-buttons > .current {
border:none;background:none; background:#00BCDA;color:white;
}
ul.controls-buttons li a {margin: -0.25em -0.25em;}
/*-----------------fin boutons controls---------------------------------*/





/*------------------------------tool tips----------------------------------*/
#tips div {background: #FFFFFF;	color: #000000;}
#tips div .arrow span {border-top: 6px solid #FFFFFF;}
#tips div.tip-right .arrow span {border-right: 6px solid #FFFFFF;}
#tips div.tip-bottom .arrow span {border-bottom: 6px solid #FFFFFF;}
#tips div.tip-left .arrow span {border-left: 6px solid #FFFFFF;}



/*-----marges image onglets carre controls-tabs-------------*/
ul.controls-tabs li a img {margin: -17px 0 0 -15px;}

/*----------------style textarea source code TinyMCE--------------*/
.form textarea.code_source_textarea {
border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;
margin:0px;background:none;
padding:0px;border:none;
color:#606060;
 -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;
}


		#breadcrumb {
		float: left;
		-webkit-border-radius: 0.417em;
		-webkit-background-clip: padding-box;
		border-radius: 0.417em;
		box-shadow: none;
		height: 1.75em;
		line-height: 1.75em;border:0px;
        background:none;  color: #000000;
		}

		#breadcrumb li {
			float: left;
			color:#FFFFFF;
			height: 1.55em;
			padding: 0em 0.65em 0 0;
			background: url(../images/aqua-breadcrumb-sep.png) no-repeat right center;
			margin-top:-8px;
			}
        #breadcrumb li a {color:#888888; text-shadow: 1px 1px 1px #FFFFFF; font-weight:normal; text-transform:uppercase;letter-spacing:0.01px;margin-top:-1px;}
		#breadcrumb li a:hover {background: none;color:#515151;}



/*---------------------barre boutons fenêtres POPUP-------------*/
.popup-buttons-conteiner {
	clear:both;
	margin: 0em;
	padding: 0em;
	margin-top: 1.0em; padding-bottom: 1.0em;
	}
.popup-buttons-conteiner.under-message {
 margin-top: -1.5em; padding-bottom: 1.0em;
	}

/*---------------------carnet d'adresses-------------*/
.intitule_tri {padding-left: 0px;font-weight:bold;float:left;clear:both;display:block;margin-bottom:1em;margin-top:0.5em;padding-top:0px;padding-bottom:4px;padding-right:0px;}  /* texte "classer par" */
ul.tri_carnet_adresses  {list-style-type: none;padding: 0px;margin: 0px; margin-top:0.5em;margin-bottom:1em;display:block;}
ul.tri_carnet_adresses li {padding-left: 14px;float:left;display:block;}
ul.tri_carnet_adresses li a {float:left;color:#777777;display:block;}
ul.tri_carnet_adresses li a:hover, ul.tri_carnet_adresses li a.current {color:#3399CC;}
ul.tri_carnet_adresses li span.asc, ul.tri_carnet_adresses li span.desc {display: block;float:left;width: 14px;height: 14px;background: url(../images/table-sort-arrows.png) no-repeat;background-position: 0 -1px;}
ul.tri_carnet_adresses li span.desc {background-position: 0 bottom;}
ul.tri_carnet_adresses li span.asc.current {background-position: -30px 1px;}
ul.tri_carnet_adresses li span.desc.current {background-position: -30px bottom;}
ul.tri_carnet_adresses li a.current {font-weight:bold;}
.tri_carnet_adresses.clear {margin:0px;padding:0px;height:0px;line-height:0px;clear: both;overflow:hidden;zoom:1;display: inline;}

/*---------------------index_alphabetique AB C D E F G H I J ...-------------*/
.intitule_tri_alpha {padding-left: 0px;font-weight:bold;float:left;clear:both;display:block;padding-top:4px;padding-bottom:4px;padding-right:14px;}  /* texte "Tri alphabétique" */
ul.index_alphabetique  {list-style-type: none;padding: 0px;margin: 0px; margin-bottom:0em;}
ul.index_alphabetique li {padding-left: 0px;padding-right: 0px;float:left;border-right:1px solid #dddddd;display:block;}
ul.index_alphabetique li.intitule {float:left;font-weight:bold;padding-top:4px;padding-bottom:4px;padding-right:14px;border:none;}
ul.index_alphabetique li.first {border-left:1px solid #dddddd;}
ul.index_alphabetique li a {float:left;color:#777777;padding:4px;text-transform:uppercase;cursor:pointer;display:block;}
ul.index_alphabetique li a.current {background:#3399CC;color:#FFFFFF;cursor:default;}
ul.index_alphabetique li a:hover {background:#3399CC;color:#FFFFFF;}
ul.index_alphabetique li a.reset {text-transform:capitalize;}
ul.index_alphabetique li a.reset.current {background:transparent;color:#3399CC;font-weight:bold;cursor:default;}
.index_alphabetique.clear {margin:0px;padding:0px;height:0px;line-height:0px;clear: both;overflow:hidden;zoom:1;display: inline;}


.upload_progressbar {margin-left:auto;margin-right:auto;width:190px;height:14px;display:block;background: url(../images/animated-progress-bar.gif) no-repeat;}

/*---------------------infobulle TIP avec paragraphe à l'intérieur-------------*/
div#tips div > p {max-width:55em;min-width: 35em;white-space: normal;text-align:left;display:block;margin:0px;padding:0px;padding-top:0.5em;color:#888888;}


/* ------------------------------------------------------------------------------------------------------- */
/* -----------------------CLASSES génériques : alignement, marges et éléments flotants-------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */
img.align-left {margin-right:1em;}
img.align-right {margin-left:1em;}
.clearfix:after, img.align-left:after, img.align-right:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0px;height: 0px;}
.clearfix {zoom: 1;}





/*-------------------------------------------------------------------------------------------*/
/*------------------------------ différents fonds avec dégradé ------------------------------*/
/*-------------------------------------------------------------------------------------------*/
 .fond_rouge {background: rgba(243,0,0,1);}
 .fond_vert {background: rgba(17,157,99,1);}
 .fond_orange {background: rgba(242,132,42,1);}
 .fond_bleu {background: rgba(9,154,255,1);}
 .fond_violet {background: rgba(224,60,145,1);}
 .fond_marron {background: rgba(194,98,4,1);}

.fond_rouge_degrade {
background: rgba(243,0,0,1);
background: -moz-linear-gradient(top, rgba(243,0,0,1) 0%, rgba(161,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,0,0,1)), color-stop(100%, rgba(161,0,0,1)));
background: -webkit-linear-gradient(top, rgba(243,0,0,1) 0%, rgba(161,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(243,0,0,1) 0%, rgba(161,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(243,0,0,1) 0%, rgba(161,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(243,0,0,1) 0%, rgba(161,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f30000', endColorstr='#a10000', GradientType=0 );
}
.fond_vert_degrade {
background: rgba(17,157,99,1);
background: -moz-linear-gradient(top, rgba(17,157,99,1) 0%, rgba(4,50,33,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,157,99,1)), color-stop(100%, rgba(4,50,33,1)));
background: -webkit-linear-gradient(top, rgba(17,157,99,1) 0%, rgba(4,50,33,1) 100%);
background: -o-linear-gradient(top, rgba(17,157,99,1) 0%, rgba(4,50,33,1) 100%);
background: -ms-linear-gradient(top, rgba(17,157,99,1) 0%, rgba(4,50,33,1) 100%);
background: linear-gradient(to bottom, rgba(17,157,99,1) 0%, rgba(4,50,33,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#119d63', endColorstr='#043221', GradientType=0 );
}
.fond_orange_degrade {
background: rgba(242,132,42,1);
background: -moz-linear-gradient(top, rgba(242,132,42,1) 0%, rgba(194,51,7,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,132,42,1)), color-stop(100%, rgba(194,51,7,1)));
background: -webkit-linear-gradient(top, rgba(242,132,42,1) 0%, rgba(194,51,7,1) 100%);
background: -o-linear-gradient(top, rgba(242,132,42,1) 0%, rgba(194,51,7,1) 100%);
background: -ms-linear-gradient(top, rgba(242,132,42,1) 0%, rgba(194,51,7,1) 100%);
background: linear-gradient(to bottom, rgba(242,132,42,1) 0%, rgba(194,51,7,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2842a', endColorstr='#c23307', GradientType=0 );
}
.fond_bleu_degrade {
background: rgba(9,154,255,1);
background: -moz-linear-gradient(top, rgba(9,154,255,1) 0%, rgba(0,51,113,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(9,154,255,1)), color-stop(100%, rgba(0,51,113,1)));
background: -webkit-linear-gradient(top, rgba(9,154,255,1) 0%, rgba(0,51,113,1) 100%);
background: -o-linear-gradient(top, rgba(9,154,255,1) 0%, rgba(0,51,113,1) 100%);
background: -ms-linear-gradient(top, rgba(9,154,255,1) 0%, rgba(0,51,113,1) 100%);
background: linear-gradient(to bottom, rgba(9,154,255,1) 0%, rgba(0,51,113,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#099aff', endColorstr='#003371', GradientType=0 );
}
.fond_violet_degrade {
background: rgba(224,60,145,1);
background: -moz-linear-gradient(top, rgba(224,60,145,1) 0%, rgba(124,14,70,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,60,145,1)), color-stop(100%, rgba(124,14,70,1)));
background: -webkit-linear-gradient(top, rgba(224,60,145,1) 0%, rgba(124,14,70,1) 100%);
background: -o-linear-gradient(top, rgba(224,60,145,1) 0%, rgba(124,14,70,1) 100%);
background: -ms-linear-gradient(top, rgba(224,60,145,1) 0%, rgba(124,14,70,1) 100%);
background: linear-gradient(to bottom, rgba(224,60,145,1) 0%, rgba(124,14,70,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c91', endColorstr='#7c0e46', GradientType=0 );
}
.fond_marron_degrade {
background: rgba(194,98,4,1);
background: -moz-linear-gradient(top, rgba(194,98,4,1) 0%, rgba(87,44,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(194,98,4,1)), color-stop(100%, rgba(87,44,0,1)));
background: -webkit-linear-gradient(top, rgba(194,98,4,1) 0%, rgba(87,44,0,1) 100%);
background: -o-linear-gradient(top, rgba(194,98,4,1) 0%, rgba(87,44,0,1) 100%);
background: -ms-linear-gradient(top, rgba(194,98,4,1) 0%, rgba(87,44,0,1) 100%);
background: linear-gradient(to bottom, rgba(194,98,4,1) 0%, rgba(87,44,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c26204', endColorstr='#572c00', GradientType=0 );
}