/*
 * CSS
 */

* {
    padding : 0;
    margin : 0;
}

body {
    background : #FFF;
    font-family : Arial, Verdana, Helvetica, "Bitstream Vera Sans", sans-serif;
    font-size : 11px;
}

a img {
    border : none;
}

a {
    text-decoration : none;
}

a:hover, a:focus a:active {
    text-decoration : underline;
}

.left { float:left; }
.right { float:right; }

img.left {	margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display : block; margin : 0 auto; text-align: center; }

.newline {
	display : block;
	clear : both;
	line-height : 1px;
	font-size:1px;
}

/*******************************************************************************/
/* LANGUE  */
/*******************************************************************************/

#langue {
    width : 980px ;
    margin : 0 auto;
	text-align: right;
	padding: 5px 0;
}

#langue a { color: #000; }
#langue a:hover { color: #ff6633; text-decoration: none; }

/*******************************************************************************/
/* GLOBAL  */
/*******************************************************************************/

#global {
    width : 940px ;
    margin : 0 auto;
	border: 1px solid #000000;
	padding: 20px;
}

/*******************************************************************************/
/* LEFTSIDE */
/*******************************************************************************/

#leftside {
	width: 450px;
	float: left;
	padding: 0 40px 0 0; 
}

/*******************************************************************************/
/* RIGHTSIDE */
/*******************************************************************************/

#rightside {
	width: 450px;
	float: left;
}

#rightside img {
	margin: 0 auto;
}


/*******************************************************************************/
/* BLOC-CENTER  */
/*******************************************************************************/

h2 {
	color: #ff6633;
	font-weight: 700;
	font-size: 22px;
	margin-bottom: 10px;
}

h3 {
	color: #993366;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 5px;
}

h4 {
	color: #000;
	border-bottom: 1px solid #993366;
	padding-bottom: 3px;
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 20px;
}

/* GESTION DES COLONNES */

div.w50 {
  float : left;
  display : inline; /* fix ie6 bug : http://positioniseverything.net/explorer/doubled-margin.html */
  clear : left;
  width : 49%;
}

div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 49%;
  margin-left : 1%;
}

div.w33-first {
  float : left;
  display : inline;
  width : 32%;
}

div.w33-2 {
  float : left;
  display : inline;
  width : 32%;
  margin-left : 1%;
}

div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 32%;
  margin-left : 1%;
}

/*******************************************************************************/
/* FOOTER */
/*******************************************************************************/

#footer {
	clear: both;
}

/*******************************************************************************/
/* FORMULAIRE */
/*******************************************************************************/

#insc-newsletter {
}

.form-mandatorysign {
	color: #ff6633;
	font-weight: 700;
	font-family: verdana, arial, sans-serif;
}

.input-radio {
	margin-right :5px;
	vertical-align: middle;
}


.libelle {
	color:#663399;
	font-weight: 700;
	padding-top:10px;
}

input.input-texte {
  margin : 2px 0;
  padding : 2px;
  font-size : 11px;
  vertical-align: middle;
  /*border: 1px solid #8C8C8C;*/
}

textarea.input-texte {
  margin : 2px 0;
  padding : 2px;
  font-size : 11px;
  border: 1px solid #8C8C8C;
}

select.input-texte {
  margin : 2px 0;
  padding : 2px;
  font-size : 11px;
  border : 1px solid #8C8C8C;
  width:160px;
}

.Separator {
	color:#993366;
	border-bottom: 1px solid  #ff6633;
	text-align:left;
	font-size: 12px; 
	padding:5px 0;
}

input.bouton {
  margin : 2px 0;
  padding : 2px;
  font-size : 11px;
  border: 1px solid #663399;
  background-color:#ffccff;
  font-weight:bold;
  color:#663399;	
}

div#bouton{
	text-align:center;
}

.cata-code{
	margin : 2px 0;
	padding : 2px;
	font-size : 11px;
	border: 1px solid #8C8C8C;
	color:red;
}


/* ---- warning --------------------------------------------------------------*/

#bloc-warning {
  border : 1px solid #663399;
  background : #C5A8E1;
  margin : 10px 10px 10px 0;
}

#bloc-warning h3 {
  background : #663399;
  text-align : center;
  padding : 5px 15px;
  color : #fff;
  text-align : center;
}

#bloc-warning ul {
  margin : 10px 0 10px 50px;
}

#bloc-warning li {
  padding : 5px 0;
}

.alert{
	 border: 2px solid #0062B2;
	 width:100%;
}

.titre-alert{
  color:#663399;
  font-size:13px;
  font-weight:700;
 }