@import url(navigation.css);
@import url(form.css);
@import url(validation.css);
@import url(accordion.css);

body {
    padding:              0;
    background:           #EEF0FF;
    font:                 12px/16px arial, sans-serif;
}

#container {
    position:             relative;
    width:                997px;
    background:           #D6DCFF;
    border-left:          none;
    border-right:         none;
    margin-left:          auto;
    margin-right:         auto;
}



/****************définition des liens**************/
#content a {
  color: #034EA0;
  text-decoration: underline;
}
#content a:visited {
  color: #034EA0;
  text-decoration: underline;
}
#content a:hover {
  color: #034EA0;
  text-decoration: none;
}
#content a:actif {
  color: #034EA0;
  text-decoration: underline;
}

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



/************** personne connecté - connect***********************/
#connect {
    position:             absolute;
    top:                  100px;
    left:                 800px;
}
/******************************************************************/




/************************* header *****************************************/
#header {
    height:               75px;
    background:           url(images/header.gif) no-repeat;
    color:                #ffffff;
}
#header img{
    margin-left:          71px;
    margin-top:           5px;
}
#header h1 {
    margin-top:           -50px;
    margin-left:          175px;
    font-size:            22px;
    font-weight:          normal;
}
#header a:link {
    color:                #ffffff;
    text-decoration:      none;
}
#header a:hover {
    color:                #ffffff;
    text-decoration:      none;
}
#header a:visited {
    color:                #ffffff;
    text-decoration:      none;
}
#header a:active {
    color:                #ffffff;
    text-decoration:      none;
}
#header p {
    margin-top:           -35px;
    margin-left:          350px;
    font-size:            16px;
    text-align:           center;
}




#title #connect {
    position:             relative;
    top:                  -30px;
    left:                 500px;
    font-size:            10px;
    color:                #192B91;
    width:                240px;
    /*background-color:     #eeeeee;*/
}
#title #connect a {
  color: #192B91;
  text-decoration: underline;
}
#title #connect a:visited {
  color: #192B91;
  text-decoration: underline;
}
#title #connect a:hover {
  color: #192B91;
  text-decoration: none;
}
#title #connect a:actif {
  color: #192B91;
  text-decoration: underline;
}





/************************ search ********************************/
#search {
    position:             absolute;
    top:                  75px;
    background-image:     url(images/search.jpg);
    background-repeat:    no-repeat;
    background-color;     #D6DCFF;
    height:               151px;
    width:                997px;
}

#contact {
    display:              none;
}



/*********************** footer ***********************************************/
#footer {
    position:             relative;
    bottom:               0px;
    height:               48px;
    background:           url(images/footer.gif) no-repeat;
    color:                #FFFFFF;
}
#footer #text {
  position:               absolute;
  margin-left:            220px;
  bottom:                 5px;
  font-size:              10px;
}
#footer #textDeconnect {
  position:               absolute;
  margin-left:            70px;
  bottom:                 5px;
  font-size:              10px;
}








/******************************** content ********************************/
#content {
    min-height:           298px;
    width:                997px;
    margin-left:          0px;
    background:           url(images/fond.gif) repeat-y;
    color:                #FFFFFFF;
    margin-top:           150px;
    /*spécifique à IE : */
    _margin-top:          150px;
    _height:              298px;
}







/***************** titre sur toutes les pages******************************/
#title {
    position:             absolute;
    color:                #192B91;
    font-size:            20px;
    font-weight:          bold;
    top:                  120px;
    left:                 180px;
    z-index:              1;
    height:               70px;
    width:                800px;
    background:			      transparent url("images/fleche_droite_rouge_grande.gif") no-repeat 0px 0px;
    padding-left:         25px;
}

#title hr{
    height:           1px;
    _height:          1px;
    background-color: #192B91;
    color:            #192B91;
    margin-right:     20px;
    margin-top:       7px;
    margin-left:      -25px;
    border:           none;
}



/*************************** les puces ***************************/
#content ul {
	list-style-type:	none;
}
#content ul li {
  background:			transparent url("images/puce.gif") no-repeat 0 4px;
  padding-left:		10px;
}
/**************************************************************/





#content #text {
    position:             relative;
    margin-top:           0px;
    margin-left:          0px;
    color:                #1A2C92;
    padding-bottom:       50px;
}
#content #textLarge {
    position:             relative;
    margin-top:           0px;
    margin-left:          170px;
    color:                #1A2C92;
    padding-bottom:       50px;
}


#content #text #description {
    position:             relative;
    margin-top:           0px;
    color:                #1A2C92;
    font-size:            12px;
    font-weight:          normal;
    width:                900px;
}
#contentTraitement{
    position:             relative;
    margin-top:           0px;
    margin-left:          20px;
    max-width:            900px;
    z-index:              10;
}
#subtitle {
    position:             relative;
    margin-top:           0px;
    color:                #26A97A;/*#D60F22;*/
    font-size:            14px;
    font-weight:          bold;
}
#paragraphe {
    position:             relative;
    margin-top:           10px;
    margin-bottom:        30px;
    color:                #1A2C92;
    font-size:            12px;
    font-weight:          normal;
    max-width:            900px;
}
#text img {
    border: none;
    padding-bottom: 5px;
}

#imgLeft {
    margin-top: 0px; 
    float: left; 
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}
#imgRight {
    margin-top: 0px; 
    float: right; 
    position: relative; 
    padding-right: 10px;
    padding-left: 10px;
}
#doc_link {
    margin-top:     50px;
    width:          400px;
    position:       inline;
    float:          left;
}
#video {
    position :      inline;
    margin-left:    250px;
    text-align:     center;
    font-style:     italic;
    font-size:      10px;
}
#video img {
    border:         none;
}



/******************** page societe ***************************/
#nom_societe {
  font-weight:            bold;
  font-size:              22px;
  position:               absolute;
  top:                    20px;
  left:                   320px;
} 
#societe1 {
  font-weight:            bold;
  font-size:              16px;
  position:               absolute;
  top:                    60px;
  left:                   300px;
}
#societe2 {
  font-weight:            bold;
  font-size:              14px;
  position:               absolute;
  top:                    140px;
  left:                   250px;
}


/******************** page concept ***************************/
#concept1 {
  width:                  400px;
} 
#concept2 {
  position:               relative;
  margin-left:            130px;
  font-weight:            bold;
  font-size :             16px;
}
#concept3 {
  font-weight:            bold;
}
#img_concept {
  position:               absolute;
  right:                  10px;
  top:                    150px;
  z-index:                5;
}
/******************************************************************/


#nomBlock {
  background:			        transparent;
  color:                  #FF0000;
  padding-left:           0px;
  font-weight:            bold;
}

#nomBlock hr {
    height:               1px;
    _height:              1px;
    background-color:     #FF0000;
    color:                #FF0000;
    margin-right:         15px;
    border:               none;
}

#typeDoc {
  background:			        transparent;
  color:                  #26A97A;
  padding-left:           0px;
  font-weight:            bold;
}

#typeDoc hr {
    height:               1px;
    _height:              1px;
    background-color:     #26A97A;
    color:                #26A97A;
    margin-right:         15px;
    border:               none;
}


/***************** page contact *******************************/
#contact_france li,
#contacts_etrangers li {
  list-style-type:	      none;
  background:			        transparent url("images/puce.gif") no-repeat 0 4px;
  padding-left:		        10px;
  font-weight:            normal;
}

#contact_france .ombre,
#contacts_etrangers .ombre {
  background:             url(images/ombre.png) no-repeat bottom right;
  margin:                 10px 0px 10px 100px !important;
  margin:                 10px 0px 10px 50px;
  width:                  300px;
  position: relative;
}

#contacts_etrangers #init {
  margin:                 0px 0px 0px 100px !important;
  margin:                 0px 0px 0px 50px;
  width:                  300px;
  text-align:             right;
}

#contact_france .carte,
#contacts_etrangers .carte {
  background:             #FFFFFF;
  bottom:                 5px;
  right:                  5px;
  padding-left:           20px;
  padding-top:            20px;
  padding-bottom:         20px;
  position: relative;
}
#contact_france hr,
#contacts_etrangers hr {
    height:               1px;
    _height:              1px;
    background-color:     #192B91;
    color:                #192B91;
    margin-right:         15px;
    border:               none;
}
#contact_france #societe,
#contacts_etrangers #societe {
    font-weight:          bold;
    font-size:            13px;
}
#contacts_etrangers #liste_pays {
    padding-left :        50px;
    padding-right:        100px;
    position:             relative;
    float:                left;
}
#contacts_etrangers #image {
    padding-left:         20px;
    padding-top:          10px;
    float:                left;
    position:             relative;
}
#contacts_etrangers #liste_pays ul li {
  list-style-type:	      none;
  background:             none;
  padding-top:            5px;
  padding-bottom:         5px;
}
#contacts_etrangers #liste_pays ul li img {
  padding-right:          15px;
}