/* Rock With You style */


/*////////// BASE //////////*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: "Univers", Arial, Helvetica, sans-serif; color: #2d363a; }

body { margin: 0; font-size: 1em; line-height: 1.4em; background: #fff url(images/bg.png) repeat top left; border-top: #0092d1 5px solid; border-bottom: #0092d1 5px solid; }


/*////////// HEADER //////////*/

header { width: 960px; margin: 20px auto; text-align: center; height: 180px; padding: 0; }


/*////////// SECTION / ARTICLE //////////*/

section { width: 100%; clear: both; float: left; margin: 0; }

#centpc { 
  position: relative;
  color: #fff;
  padding: 20px 0;
  margin-bottom: 20px;
}

#centpc:before {
  content: '';
  background: #1f91c2; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;  
    transform: rotate(-1deg); 
    -ms-transform: rotate(-1deg); /* IE 9 */
    -webkit-transform: rotate(-1deg); /* Safari and Chrome */
    -o-transform: rotate(-1deg); /* Opera */
    -moz-transform: rotate(-1deg); /* Firefox */   
}

/*#centpc article .col1_3 { border-left: 2px dotted #fff; }*/

article { width: 960px; margin: 0 auto; }

article .col2_3 { float: left; width: 64%; margin: 60px 0 0 0; padding-right: 2%; }
article .col1_3 { float: left; width: 30%; margin: 20px 0 0 0; padding: 0 2% 0 2%; background: url(images/dots.png) repeat-y top left; height: 100%; }

article .col_contact { float: left; width: 30%; margin: 40px 0; padding: 0 2% 0 2%; background: url(images/dots_contact.png) repeat-y top left; font-size: .9em; line-height: 1.3em; }


article .col1_3:first-child { padding-left: 0 !important; background: none !important;}
article .col1_3:last-child { padding-right: 0 !important; }


article ul { float: left; margin: 30px 0; padding: 0; }
article ul li { float: left; font-size: .9em; list-style: url(images/puce.png) inside; margin: 10px 0; line-height: 1.3em; text-align: justify; }

img { border: 1px solid #fff; margin: 20px 0; }

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

footer { text-align: center; clear: both; height: 60px; padding-top: 40px 0; }


/*////////// TYPO //////////*/

p { float: left; line-height: 1.3em; font-size: .9em; margin: 5px 0; }

.small { font-size: .8em; line-height: 1.1em; }

@font-face {
  font-family: "ScriptMTStd-Bold";
  src: url('font/ScriptMTStd-Bold.eot?') format('eot'), url('font/ScriptMTStd-Bold.woff') format('woff'), url('font/ScriptMTStd-Bold.otf') format('opentype');
}

@font-face {
  font-family: "Univers";
  src: url('font/Univers.eot?') format('eot'), url('font/Univers.woff') format('woff'), url('font/Univers.otf') format('opentype');
}

h1 { 
  font-size: 2.2em; margin: 0 0 20px 0; 
  font-family: "ScriptMTStd-Bold", Georgia, "Times New Roman", "Nimbus Roman No9 L", serif;
  width: 960px;
  margin: 0 auto;
  height: 30px;
    transform: rotate(-2deg); 
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Safari and Chrome */
    -o-transform: rotate(-2deg); /* Opera */
    -moz-transform: rotate(-2deg); /* Firefox */     
}

h2 { font-size: 1em; font-family:  "Univers", Arial, Helvetica, sans-serif; color: #0092d1; line-height: 1.3em; }
h3 { font-size: 1em; margin-top: 0; }
h4 { font-size: 1em; }
h5 { font-size: .9em; }

.blue { color: #0092d1; font-weight: bold;}

.col1_3 h1 { width: 100%; height: 40px; }
.col1_3 h2 { width: 100%; color: #fff; }
.col_contact h1 { font-size: 1.8em; height: 40px; }

/*////////// LIENS //////////*/

a { color: #000; }
a:visited { color: #0092d1; }
a:hover { color: #0092d1; }
a:focus { outline: thin dotted; }

article a { color: #000; font-weight: bold; text-decoration: underline; }
article a:visited { color: #000; font-weight: bold; text-decoration: underline; }
article a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
article a:focus { color: #000; font-weight: bold; text-decoration: underline; }