/*
 * Ubiqus - Site institutionnel - mise en page ŕ l'impression
 */

/* ---- general ------------------------------------------------------------- */
* {
  margin : 0;
  padding : 0
}

body {
  font-size : 76%;
  font-family : verdana, arial, helvetica, sans-serif;
  background : #EEE;
  text-align : justify;
}

a img {
  border : none;
}

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

.newline {
  clear : both;
  display : block;
  height : 1px;
}

/* ---- zones non pertinentes ŕ l'impression -------------------------------- */
#accessible, #toplinks, #acces-direct, #pays, #navigation, #footer, .backtotop  {
  display : none;
}

p.description {
  padding : 1.5ex 0;
  font-size : 0.9em;
  color : #333;
}

/* ---- layout general ------------------------------------------------------ */

#main {
  width : 1000px;
  margin : 0 auto;
  padding : 0 0 10px 0;
}

div#extra {
  clear : both;
  width : 170px;
}

#contenu {
  float : left;
  width : 620px;
  padding : 0 10px 0 0;
}


/* ---- bandeau superieur --------------------------------------------------- */
#top {
  background : url(../media/fond-bandeau.jpg) no-repeat top right;
}


 h2 {
  width : 200px;
  height : 40px;
  background-position : top right;
  background-repeat : no-repeat;
}

h2#titre-1 { background-image : url(../media/titre-entreprise_sel.gif); }
h2#titre-2 { background-image : url(../media/titre-relation_sel.gif); }
h2#titre-3 { background-image : url(../media/titre-organisateur_sel.gif); }

/* ---- colonne centrale ---------------------------------------------------- */

#contenu h2 {
  clear : both;
  color : #EC7123;
  font-weight : 400;
  font-size : 2em;
  text-align : left;
  margin : 6px 0 0 10px;
  padding : 5px 0 0 60px;
  background : url(../media/fond-titre-page.gif) 0 3px no-repeat;
  border-bottom : 1px solid #81A3B8;
}

h2 strong.espace {
  letter-spacing : 7px;
  font-weight : normal;
}
/* chemin de fer / breadcrumbs */
#breadcrumbs {
  padding : 0.3em 0 0.3em 10px;
  color : #81A3B8;
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 0.9em;
}

#breadcrumbs a {
  color : #81A3B8;
  text-decoration : none;
}

#breadcrumbs a:hover, #breadcrumbs a:focus, #breadcrumbs a:active {
  text-decoration : underline;
  color : #666;
}

#breadcrumbs span.sel {
  color : #F8971C;
  text-decoration : none;
}

/* sommaire */
#sommaire {
  clear : both;
  padding : 0 0 10px 0;
}

#sommaire ul {
  float : right;
  border : 1px solid #E5E5E5;
  background : #F5F5F5;
  padding : 5px;
  width : 250px;
}

#sommaire li {
  list-style-image : url(../media/puce-sommaire.gif);
  padding : 0.2em 0;
  margin-left : 20px;
}

#sommaire a {
  color : #333;
  text-decoration : none;
}

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

/* Titre de section */
#bloc-center h3 {
  background : #81A3B8;
  color : #fff;
  letter-spacing : 0.1ex;
  text-transform : uppercase;
  text-align : left;
  font-family : verdana, arial, helvetica, sans-serif;
  font-size : 1.4em;
  font-weight : 700;
  padding : 0.1em 10px;
  margin : 1.5em 0 0.1em 10px;
  clear : both;
}

/* Sous titre */
#bloc-center h4 {
  font-family : verdana, arial, helvetica, sans-serif;
  margin-left : 10px;
  color : #D2502E;
  font-weight : 700;
  font-size : 1.1em;
  padding : 0.7em 0 0.5em 0;
  text-align : left;
}

/* corps de page */
#bloc-center a {
  color : #EC7123;
  font-weight : 700;
}

#bloc-center a:hover, #bloc-center a:focus, #bloc-center a:active {
  color : #666;
}
.engagement {
  margin : 0 0 0 10px;
}
.engagement ol {
  list-style-position : inside;
  font-family : verdana, arial, helvetica, sans-serif;
  color : #EC7123;
  font-weight : 700;
  font-style : normal;
  font-size : 2em;
}

.engagement ol li strong {
  font-size : 13px;
  font-style : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  padding : 0 0 0 30px;
}
.engagement ol li>strong {
  padding : 0;
}
.engagement ol li div {
  font-size : 9pt;
  font-style : normal;
  font-family : verdana, arial, helvetica, sans-serif;
  font-weight : normal;
  color : #333;
  padding : 0 0 0 50px;
}

.engagement ol li div div {
  padding : 0;
}


/* bloc de contenu texte */
#bloc-center img.right{
  margin : 0 5px 0 10px;
}

#bloc-center img.left {
  margin : 0 10px 5px 0;
}

.texteSimple {
  font-size : 1em;
}


.texteSimple div.w100, .texteSimple div.w50, .texteSimple div.w33, .texteSimple div.w50-newline, .texteSimple div.w33-newline, .texteSimple div.w33-2, .texteSimple div.w33-first {
  margin : 5px 0;
}

.texteSimple div.w100 {
  display : block;
  clear : both;
  float : none;
  margin-left : 10px;
}

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

.texteSimple div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 300px;
  margin-left : 10px;
}

/* blocs 3 colonnes */
.texteSimple div.w33-first {
  float : left;
  display : inline;
  width : 200px;
  margin-left : 10px;
}

.texteSimple  div.w33-2 {
  float : left;
  display : inline;
  width : 200px;
  margin-left : 5px;
}

.texteSimple div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 200px;
  margin-left : 5px;
}

/* image et legende */
p.legende-image {
  font-size : 0.9em;
  color : #333;
  font-style : italic;
}

.texteSimple div.style1 {
  color : #333;
}

.texteSimple div.style2 {
  color : #EC7123;
  border : 1px solid #EC7123;
  padding  : 10px;
}

.texteSimple div.style3 {
  background : #E3EAF0;
  padding  : 10px;
}

.texteSimple div.style4 { /* accroche */
  color : #EC7123;
  background : url(../media/crochet.gif) no-repeat 0 4px;
  font-size : 1em;
  text-indent :16px;
  text-align : justify;
}

.texteSimple div.style5 ul {
  padding-left : 50px;
}

.texteSimple div.style5 li {
  padding : 0.2ex 5px;
  font-size : 1em;
  color : #333;
  list-style-image : url(../media/puce-small-list.gif);
}


.texteSimple div.style6 ul {
  padding-left : 30px;
}

.texteSimple div.style6 li { /* liste a puce crochets */
  padding : 0.1em 5px;
  font-size : 1em;
  color : #333;
  list-style-image : url(../media/crochet.gif);
}

.texteSimple div.style7 {
  color : #333;
  border : 1px solid #E5E5E5;
  background : #F5F5F5;
  padding  : 10px;
}

/* ---- texte simple a coté du sommaire ------------------------------------- */
#sommaire .texteSimple div {
  float : left;
}

#sommaire .texteSimple div.w100, 
#sommaire .texteSimple div.w50, 
#sommaire .texteSimple div.w50-newline, 
#sommaire .texteSimple div.w33, 
#sommaire .texteSimple div.w33-first,
#sommaire .texteSimple div.w33-2
#sommaire .texteSimple div.w33-newline {
  width : 310px;
  margin-right : 10px;
  text-align :justify;
}


/* ---- colonne de droite --------------------------------------------------- */
/* visuel */
div.bloc-visuel-droite {
  margin : 5px 0;
}

div.bloc-visuel-droite h3 {
  color : #EC7123;
  font-variant : small-caps;
  font-size : 0.9em;
  border-bottom : 1px solid #EC7123;
  padding : 1.1em 0 0 0;
  margin-right : 1.1em;
}

div.bloc-visuel-droite p.legende {
  color : #81A3B8;
  text-align : right;
  font-size : 0.9em;
  font-style : italic;
  padding : 0.2em 1em 0 0;
}

/* citation  et texte */
div.bloc-citation-droite, div.bloc-texte-droite  {
  padding : 10px 0;
}

div.bloc-citation-droite blockquote {
  background : url(../media/quote.gif) no-repeat top left;
  color : #333;
  font-size : 0.9em;
  line-height : 1.4em;
  padding : 12px 5px 0 5px;
  text-indent : 40px;
}

div.bloc-texte-droite p {
  color : #333;
  font-size : 0.9em;
  line-height : 1.4em;
  padding : 0 5px 0 5px;
}

/* liste de liens */
div.bloc-liens-droite {
  margin : 0 10px 0 0;
}

div.bloc-liens-droite .open-titre {
  margin : 0 0 0 10px;
  border-bottom : 1px solid #E5E5E5;
}

div.bloc-liens-droite .close-titre {
  margin : 0 0 0 10px;
  border-top : 1px solid #E5E5E5;
}

div.bloc-liens-droite .container-titre {
  background : url(../media/fond-titre-liste-liens.gif) no-repeat left center;
}

div.bloc-liens-droite h3 {
  background : #F5F5F5;
  border-right : 1px solid #E5E5E5;
  padding : 5px 0 5px 10px;
  margin-left : 21px;
  font-size : 0.9em;
  color : #666;
  text-align : left;
}

div.bloc-liens-droite ul {
  background : url(../media/trame-blanc.gif);
  border : 1px solid #E5E5E5;
  margin : 5px 0 5px 10px;
  padding : 0 0 5px 0;
}

div.bloc-liens-droite li {
  list-style-type : none;
  padding-left : 20px;
}

div.bloc-liens-droite a {
  color : #81A3B8;
  font-size : 0.9em;
  text-decoration : none;
}